TextArea
<TextArea name='txtArea' rows="3" cols="50">Textarea Data</TextArea>TextArea is mainly used when the user has to enter large amount of text (multiline text).
HTML input textarea 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. |
Autocomplete  | Values : off | on . Input element should have autocomplete . |
| autofocus | Focus ( crusher inside ) the input textarea box by default .
DEMO of autofocus |
| cols | Integer value specifying number of columns or width to be used for textbox
DEMO of textarea with different rows & Cols value |
| disabled | true | false : User can't access the element and data is not submitted with form. |
| rows | Integer value specifying number of rows or number of visible line text, manage the height for textbox
DEMO of textarea with different rows & Cols value |
| wrap | hard | soft :text will not wrap and is submitted as it is entered by the user. |
| placeholder | Hint , help or about the input requirment can be given to user.
DEMO of Placeholder |
| maxlength | Maximum number of chars can be entered inisde textarea. If not specified than unlimited number of chars can be entered.
DEMO of maxlength & minlength |
| minlength | Minimum number of chars can be entered inisde textarea. If not specified than blank can be entered. |
| readonly | true | false : User can't alter the data , user can click and select content, data submitted along with other elements of the form. DEMO of readonly textarea Difference between readonly and disabled If readonly is set to True , users can access the data by selecting and copying, but can't alter the data of the textarea . Data of the textarea is submitted along with other elements of the form. If disabled is set to True, users can't access the data. This element is not submitted along with other data of the form |
| required | true|false: User must enter text before submitting the form. DEMO of required = true of textarea |
| ID | ID='my_textarea1': One unique identification (within the page or DOM structure ) for the textarea element. |
| form | ID: Textarea can be connected ( associated ) to any from identified by its ID, the element need not be inside the opening and closing tags of the form.
DEMO of FORM=ID of textarea |
HTML Form Text field Hidden field Password input field
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