Характеристики тега
В каких браузерах работает?
| 3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких спецификациях используется?
| HTML | 3.2 | 4.01 | 5.0 |
| XHTML | 1.0 | 1.1 |
Для чего используется?
Предназначение данного тега и, в то же время, главное отличие от input - поддержка длинного развернутого текста, в котором допускается перенос на новую строчку. При чем указанная структура с переносами сохраняется при передаче данных на сервер для обработки.
Допускается устанавливать значения текстового поля по умолчанию при написании текста внутри тега.
Как правильно задавать?
<textarea атрибуты> текст </textarea>
Какие атрибуты поддерживаются?
- accesskey - задает комбинацию клавиш, которая активизирует указанный элемент.
- autofocus - определяет автоматически фокус для указанного объекта после загрузки документа.
- cols - фиксирует габариты поля по ширине. В качестве единиц измерения используют письменные знаки.
- disabled - запрещает взаимодействие с указанным объектом.
- form - устанавливает связь объекта с формой.
- maxlength - указывает ограничения на заполнения поля в символах.
- name - имя для идентификации объекта.
- placeholder - подсказка, которая показывается до активации поля.
- readonly - запрещает пользователю работать с содержимым поля.
- required - показывает, что поле обязательно заполняется.
- rows - фиксирует габариты поля по высоте. В качестве единиц измерения используют высоту одной строчки.
- tabindex - формирует список, согласно которому фокус будет передаваться между полями при нажатии на Tab.
- wrap - настройки при переходах текста на новые строчки.
Данный тег поддерживает универсальные атрибуты и события.
Закрытый тег
Да.
Пример использования
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег textarea</title> </head> <body> <form action="text.php" method="post"> <p><b>Введите сообщение:</b></p> <p><textarea rows="15" cols="65" name="area"></textarea></p> <p><input type="submit" value="Передать"></p> </form> </body> </html>
Тип html тега:
Строчные элементы
Формы