Тег <textarea>
Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.
Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
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 |
синтаксис:
<textarea атрибуты>
текст
</textarea>
атрибуты:
accesskey - Атрибут accesskey позволяет перейти к текстовому полю с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой.
autofocus - Автоматически устанавливает фокус в текстовое поле.
cols - Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
disabled - Блокирует доступ и изменение текстового поля.
form - Связывает текстовое поле с формой по её идентификатору.
maxlength - Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле.
name - Определяет уникальное имя элемента <textarea>.
placeholder - Выводит текст внутри текстового поля, который исчезает при получении фокуса.
readonly - Когда к тегу <textarea> добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий.
required - Устанавливает текстовое поле обязательным для заполнения перед отправкой формы на сервер.
rows - Высота текстового поля, которое определяется количеством отображаемых строк без прокрутки содержимого.
tabindex - Атрибут tabindex определяет последовательность перехода между элементами при нажатии на кнопку Tab.
wrap - Атрибут wrap говорит браузеру, как осуществлять перенос текста в поле <textarea> и в каком виде отправлять данные на сервер.
autofocus - Автоматически устанавливает фокус в текстовое поле.
cols - Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
disabled - Блокирует доступ и изменение текстового поля.
form - Связывает текстовое поле с формой по её идентификатору.
maxlength - Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле.
name - Определяет уникальное имя элемента <textarea>.
placeholder - Выводит текст внутри текстового поля, который исчезает при получении фокуса.
readonly - Когда к тегу <textarea> добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий.
required - Устанавливает текстовое поле обязательным для заполнения перед отправкой формы на сервер.
rows - Высота текстового поля, которое определяется количеством отображаемых строк без прокрутки содержимого.
tabindex - Атрибут tabindex определяет последовательность перехода между элементами при нажатии на кнопку Tab.
wrap - Атрибут wrap говорит браузеру, как осуществлять перенос текста в поле <textarea> и в каком виде отправлять данные на сервер.
закрывающий тег:
Обязателен
пример кода:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег TEXTAREA</title>
</head>
<body>
<form action="textarea1.php" method="post">
<p><b>Введите ваш отзыв:</b></p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>