Little Web Hut

HTML 4.01 and XHTML 1.0 Reference: <textarea> Tag

HTML <textarea> Tag
Syntax This element uses separate opening and closing tags.
<textarea>...</textarea>
Usage The <textarea> tag is used to create a multi-line text input control. The <textarea> tag can be used with a <form> tag.

<textarea> tag example.
<form action="example_input.php" method="post">
<p>
 <textarea name="txtareatest" cols="25" rows="10">sample</textarea>
 <input type="submit" value="Send" /> <input type="reset" />
</p>
</form>

The <textarea> tag can also be used apart from a form element by using a scripting language, like JavaScript, to give it functionality.
Content Model The <textarea> element can contain Text between its opening and closing tags.

<textarea> Tag Attribute Summary
Required Tag Specific Core Focus Events Language
cols rows disabled name onchange onselect readonly id class style title accesskey onblur onfocus tabindex onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup dir lang xml:lang1
Notes: 1. XHTML only.

<textarea> Tag Attributes
Attribute Description
colsThe cols attribute specifies the visible width in number of average character widths.

Note: This is a required attribute.
rowsThe rows attribute specifies the number of text rows that are visible.

Note: This is a required attribute.
disabledThe disabled attribute is used to disable the control so that it will not accept user input.

<textarea> tag example using the disabled attribute.
<textarea name="txtareatest" cols="25" rows="10" 
 disabled="disabled">sample</textarea>
nameThe name attribute assigns a name to the control. The control name is paired with the current text and submitted with the form.
onchangeThe onchange attribute is used to specify a script to be be run when the control loses its focus, if its value has changed.
onselectThe onselect attribute is used to specify a script to be be run when text is selected.
readonlyThe readonly attribute prevents the control from being changed.

<textarea> tag example using the readonly attribute.
<textarea name="txtareatest" cols="25" rows="10"
 readonly="readonly">sample</textarea>
idThe id attribute assigns a unique name to a tag. This allows style sheets or scripts to reference the tag. See id Example
classThe class attribute assigns a class name to a tag. The class name does not need to be unique. More than one tag can have the same class name. This allows style sheets or scripts to reference multiple tags with a single class name. See class Example
styleThe style attribute specifies styles for the tag. For Cascading Style Sheets (CSS), the syntax is name:value. Each name:value pair is separated by semicolons. See style Example
titleThe title attribute specifies additional information about the tag. It is common for browsers to display the title when the pointing device stops over the object. See title Example
accesskeyThe accesskey specifies a shortcut key for a tag. The action that is taken when an access key is invoked depends on the tag and may also depend on the browser. For example, if it is used with an <a> tag, some browsers may follow the link when the access key is invoked and other browsers may give focus to the link. See accesskey Example
onblurThe onblur attribute specifies a script to be run when the tag loses focus. See onblur Example
onfocusThe onfocus attribute specifies a script to be run when the tag receives focus. See onfocus Example
tabindexThe tabindex attribute specifies the tabbing position of the tag. The tabbing sequence runs from lower values to higher values. The valid range of values is between 0 and 32767. See tabindex Example
onclickThe onclick attribute specifies a script to be run when the object is clicked with a mouse or other pointing device. See onclick Example
ondblclickThe ondblclick attribute specifies a script to be run when the object is double clicked with a mouse or other pointing device. See ondblclick Example
onkeydownThe onkeydown attribute specifies a script to be run when a key is pressed down. See onkeydown Example
onkeypressThe onkeypress attribute specifies a script to be run when a key is pressed and released. See onkeypress Example
onkeyupThe onkeyup attribute specifies a script to be run when a key is released. See onkeyup Example
onmousedownThe onmousedown attribute specifies a script to be run when the mouse button, or other pointing device button, is pressed while over the object. See onmousedown Example
onmousemoveThe onmousemove attribute specifies a script to be run when the mouse, or other pointing device, is moved while it is over the object. See onmousemove Example
onmouseoutThe onmouseout attribute specifies a script to be run when the mouse, or other pointing device, is moved away from an object after being over it. See onmouseout Example
onmouseoverThe onmouseover attribute specifies a script to be run when the mouse, or other pointing device, is moved onto the object. See onmouseover Example
onmouseupThe onmouseup attribute specifies a script to be run when the mouse button, or other pointing device button, is released while over the object. See onmouseup Example
dirThe dir attribute tells the browser whether the text should be displayed from left-to-right or right-to-left. It does not reverse the direction of the characters, like the <bdo> tag does, but it can help the browser to determine if the text should be aligned on the left side or the right side. See dir Example
langThe lang attribute specifies a language. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See lang Example
xml:langThe xml:lang attribute specifies a language for XHTML documents. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See xml:lang Example

Note: XHTML only.