A multiline text field

textarea

The textarea element provides a way for users to type more than just a single line.

Properties

placeholder
Provide example text for the user to see when the text area is empty.
But place any default text within the body of the textarea field.
rows
The initial height of the text box.
cols
The initial width of the text box.
maxlength
Use this to set an upper threshold on the number of characters the user can enter.
minlength
Use this to set a lower threshold on the number of characters the user must enter. Specify the "required" attribute to enforce this rule.
wrap
hard Automatically insert line breaks so that each line has no more than "cols" number of characters.
soft Does not insert any additional line breaks.
off Changes behaviour to CSS "white-space: pre" so it becomes horizontally scrollable.
spellcheck
true Turn on spellchecking.
false Turn off spellchecking.
default Use the parent element's spellcheck rule.
form
This attribute may be used to declare the input to be part of a form even when it is not directly subordinate to it. Provide the ID of the form.
readonly
The input should be visible, but unchangable. Its value will be included in the submission.
disabled
The input should be visible, but unchangable. Its value will not be included in the submission.
required
When present, this field must not be left blank.
autofocus
Identifies this input element as the one that should receive keyboard focus when the page is loaded.
autocomplete
on The browser can assist the user by automatically providing values that were previously used on similar forms.
off The browser should not provide any automatic assistance.
See the MDN documentation for more possibilities.

Example

form `/api/textarea` {
How are we doing? Give us your feedback:

textarea *name=feedfack *rows=5 *cols=80

input *type=submit *value='Send'
}
The textarea element
0

semantax > input-output > textareaA multiline text field

🔗 🔎