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.
AttributeDescription
NameThis attribute specifies the name of the object through which it can be referenced.
Autocomplete New in HTML5Values : off | on . Input element should have autocomplete .
autofocus New in HTML5Focus ( crusher inside ) the input textarea box by default .
DEMO of autofocus
colsInteger value specifying number of columns or width to be used for textbox
DEMO of textarea with different rows & Cols value
disabledtrue | false : User can't access the element and data is not submitted with form.
rowsInteger value specifying number of rows or number of visible line text, manage the height for textbox
DEMO of textarea with different rows & Cols value
wraphard | soft :text will not wrap and is submitted as it is entered by the user.
placeholder New in HTML5Hint , help or about the input requirment can be given to user.
DEMO of Placeholder
maxlength New in HTML5Maximum number of chars can be entered inisde textarea. If not specified than unlimited number of chars can be entered.
DEMO of maxlength & minlength
minlength New in HTML5Minimum 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 New in HTML5true|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 New in HTML5 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
How textarea is managed by JQuery
HTML Form Text field Hidden field Password input field

Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com







    Post your comments , suggestion , error , requirements etc here




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer