Text Field of HTML form
<input type="text" name="Name" value="default_value">Text fields are data entry fields which takes small amount of data from the user ( textarea is used for large data ). This is one of the most widely used control of a WebForm.
HTML input textbox and its attributes like name value size maxlength autofocus with examples.
| Attribute | Description |
|---|---|
| Name | This attribute specifies the name of the object through which it can be referenced. |
| Value | This is used to specify the value of the text field.(optional) |
| Size | Width of the text field.(optional) |
| Maxlength | Used to specify the maximum number of characters that can be entered into the textbox. |
Autocomplete  | Input element should have autocomplete . |
| autofocus | Focus ( crusher inside ) the input text box by default . DEMO of autofocus |
| placeholder | Hint , help or about the input requirment can be given to user. DEMO of Placeholder |
| readonly | Data can't be changed by user |
| disabled | Disabled from user |
Example:
<input type="text" name="txtbox" value="Simple Text">This places a text field(single line text area) within the HTML form, which can be referenced by using its name "txtbox" and whose value is "Simple Text". Here is an example
How text box is managed by JQuery
TextArea to enter more text Hidden text field
Submit form to a new Window HTML and JavaScript Code for Back to Previous Page
HTML Form
This article is written by plus2net.com team.
- Text Field to enter any (short ) text usually upto 100 chars length
- Hidden Field to pass data not visible to user
- Password Field Similar to text field but date entered is not masked or shown as **
- TextArea Entering large amount of text
- RadioButton Selecting one option out of many
- Checkbox Selecting one or more option out of many
- ButtonTo trigger user generated events or action
- Image Button Used to click actions for some script of event to happen
- Submit Button A button to all user entered data of a form
- Two Submit ButtonsSubmitting same form data to two different forms
- Submit new window Submitting form data to a new window
- Reset Button A button to reset the form data
- Drop-Down Menu Selecting one option from a list of option available in a list box or drop down menu
- Datalist Options to Select with Auto Complete facility
- Back Button Returning to previous page by clicking
- File UploadUploading files to the server by using html form
- Set focus Keeping cursor on input box at the time of page loading
- Other HTML form elements
- Button in HTML
- Button as Hyperlink
- Linking different areas of the image to different pages
- Hyper link in HTML pages
- How to Open link in a new window
- Opening child window using JavaScript
- Linking different areas of a page with back to top: Learn how to develop FAQ page
- Using part area of image as hyper link
- Mailto Email linking