The <textarea> element represents a multi-line plain-text editing control.


TextArea { name="comment"; placeholder="Enter text here..."; };
<textarea name="comment" placeholder="Enter text here..."></textarea>

Technical details about this element can be found on the Official W3C reference.

no subtypes hierarchy

TextArea(Attribute<String> id = null, Attribute<String> clazz = null, Attribute<String> accessKey = null, Attribute<Boolean> contentEditable = null, Attribute<String> contextMenu = null, Attribute<Direction> dir = null, Attribute<Boolean> draggable = null, Attribute<DropZone> dropZone = null, Attribute<Boolean> hidden = null, Attribute<String> lang = null, Attribute<Boolean> spellcheck = null, Attribute<String> style = null, Attribute<Integer> tabIndex = null, Attribute<String> title = null, Attribute<Boolean> translate = null, Attribute<Boolean> autocomplete = null, Attribute<Boolean> autofocus = null, Attribute<Integer> cols = null, Attribute<Boolean> disabled = null, Attribute<String> form = null, Attribute<Integer> maxlength = null, Attribute<Integer> minlength = null, Attribute<String> name = null, Attribute<String> placeholder = null, Attribute<Boolean> readonly = null, Attribute<Boolean> required = null, Attribute<Integer> rows = null, Attribute<Wrap> wrap = null, Attributes attributes = [], {Content<String>*} children = [])
  • id = null

    Attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

  • clazz = null

    Attribute defines a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors.

  • accessKey = null

    Attribute provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.

  • contentEditable = null

    Attribute indicates if the element should be editable by the user. If so, the browser modifies its widget to allow editing.

  • contextMenu = null

    Attribute defines id of an menu element to use as the contextual menu for this element

  • dir = null

    Attribute indicates the directionality of the element's text.

  • draggable = null

    Attribute indicates whether the element can be dragged.

  • dropZone = null

    Attribute indicates what types of content can be dropped on an element.

  • hidden = null

    Attribute indicates that the element is not yet, or is no longer, relevant. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.

  • lang = null

    Attribute specifies the primary language for the element's contents and for any of the element's attributes that contain text. Its value must be a valid BCP 47 language tag, or the empty string. Setting the attribute to the empty string indicates that the primary language is unknown.

  • spellcheck = null

    Attribute defines whether the element may be checked for spelling errors.

  • style = null

    Attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files.

  • tabIndex = null

    Attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.

  • title = null

    Attribute contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.

  • translate = null

    Attribute that is used to specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged.

  • autocomplete = null

    Attribute indicates whether the value of the control can be automatically completed by the browser.

  • autofocus = null

    Attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control.

  • cols = null

    Attribute specifies visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20.

  • disabled = null

    Attribute indicates that the user cannot interact with the control.

  • form = null

    Attribute specifies the form element that the button is associated with (its form owner).

  • maxlength = null

    Attribute specifies maximum number of characters that the user can enter. If it is not specified, the user can enter an unlimited number of characters.

  • minlength = null

    Attribute specifies minimum number of characters (Unicode code points) required that the user should enter.

  • name = null

    Attribute contains the name of the control.

  • placeholder = null

    Attribute specifies a hint to the user of what can be entered in the control. Carriage returns or line-feeds within the placeholder text must be treated as line breaks when rendering the hint.

  • readonly = null

    Attribute indicates that the user cannot modify the value of the control. Unlike the disabled attribute, the readonly attribute does not prevent the user from clicking or selecting in the control. The value of a read-only control is still submitted with the form.

  • required = null

    Attribute specifies that the user must fill in a value before submitting a form.

  • rows = null

    Attribute specifies number of visible text lines for the control.

  • wrap = null

    Attribute indicates how the control wraps text.

  • attributes = []

    The attributes associated with this element.

  • children = []

    The children of this element.

childrenSource Codeshared actual {Content<String>*} children

The children of this element.

Inherited Attributes
Attributes inherited from: Element
Attributes inherited from: Node
Attributes inherited from: Object
Inherited Methods
Methods inherited from: Object