CSGNetwork.com Free Information

Basic JavaScript
HTML Input Text Box Code Generator

This combination code generator and calculator requires the use of Javascript enabled and capable browsers. This Basic JavaScript HTML Input Text Box Code Generator utility, one of the most extensive on the Internet, is designed to create a CSS (stylesheet) controlled HTML input text box for use in HTML files on the Internet. They can be for data input or data output. We strongly suggest this or something like this for most non-professional website builders as it offers protection from incorrectly formed HTML input text box code. You may use this effective code producing generator form to quickly create input text boxes for your site's page. This generator will create legitimate input text boxes that not only include the basic structure, but a ToolTip Popup Title for the input text box, data size of the box, the text (and text effects) you want your viewers and page users to alternatively click on. Simply fill in the fields, select your options and click on Generate Input Text Box Code. If you wish to test the code, be sure to check the "Create Test Window" box, prior to generating the code. The test page is fully resizable and will test all parts of the options; if you do not see the option fully, enlarge the page. You may also click on Clear Values and start over; you can view the source of the test page to see how it "fits into" the page. Your ready to cut and paste code will appear in the area below. If you see that there are items you wish to change, you only need to change the boxes that have the content you wish to change and then click on the Generate Input Text Box Code button again. The modified ready to cut and paste information will over write what was there previously. You may cut and paste in a conventional manner, click on Select Code and then use Control-C to apply it to the clipboard, or you may click on Copy All To The Clipboard and then paste into the document of your choice. Be sure to test in all browsers you anticipate your viewers will use; all options do NOT work in all browsers but they degrade nicely. NOTE: The generated code is fully HTML 3, 4 and 5 compliant and can also easily be changed manually. You must have unique names and IDs for each element on the page. Duplication will cause problems and create issues for your viewers. In this generator we deal with ONLY 1 box. You must validate each new entry yourself. If you feel you want a greater capability including the paragraph structure and the form structure, try our Advanced JavaScript HTML Input Text Box Code Generator.

Required Data Entry
Properties Of The Input Text Box
Name Of Input Text Box
ID Of Input Text Box
Title Of Text Box
Class Of Input Text Box
Input Text Box Size (Width) How many characters wide?
Maximum Input Text Box Size (Width) How many characters maximum of data?
Input Tab Order Position Number A number from 1 to NN.
Shortcut Key A single letter or number.
Input Box Default Text
Input Box Description Text
Readonly or Accessible
Disabled or Enabled State
Appearance Of Text Box
Font Family
Font Size
Font Text Color Basic Color Selector   Alternate Color Selector   
Background Color Basic Color Selector   Alternate Color Selector   
Border Width
Border Style
Border Color Basic Color Selector   Alternate Color Selector   

Check to Create Test Window.

- OR -
and use Ctrl-C to copy the code to your clipboard

Version 3.6.1

Leave us a question or comment on Facebook
Search or Browse Our Site
Free Information Calculators and Converters

International Copyright Violation
Registered® Trademark™ and Copyright© 1973 - CSG, Computer Support Group, Inc. and CSGNetwork.Com All Rights Reserved