Тег <textarea> - это настоящий помощник для создания многострочных полей ввода. По умолчанию он не ставит никаких ограничений на длину текста, а введённые данные отображаются моноширинным шрифтом, что придаёт им аккуратный и технически выверенный вид. Вы можете легко управлять размером этого поля, используя атрибуты rows и cols. А если хочется большего контроля над внешним видом - всегда можно обратиться к силе CSS для изменения ширины и высоты. Пространство между открывающим тегом <textarea> и закрывающим </textarea> можно заполнить любым текстом. Этот текст будет виден пользователю сразу при открытии формы. Важно помнить: если пользователь не удалит его, то он отправится на сервер вместе с остальными данными. Атрибуты autofocus:- Этот атрибут заставляет элемент автоматически получить фокус сразу после загрузки страницы. Очень удобно для быстрого старта! Возможные значения логического атрибута:
textarea autofocus textarea autofocus="autofocus" textarea autofocus="" Примечание: к сожалению, атрибут autofocus не поддерживается в IE9 и более ранних версиях. cols:- Определяет ширину поля положительным целым числом. Здесь единицей измерения служит ширина одного символа. Если вы забудете указать этот атрибут, браузер по умолчанию применит значение - 20.
disabled:- Делает текстовую область полностью неактивной. Пользователь не сможет ни ввести новый текст, ни изменить, ни скопировать то, что задано по умолчанию. Возможные значения логического атрибута:
textarea disabled textarea disabled="disabled" textarea disabled="" form:- Позволяет связать элемент с конкретной формой по её идентификатору. Это отличное решение, если вы хотите разместить поле ввода в любом месте документа, а не обязательно внутри тега
<form>. Примечание: браузер Internet Explorer не поддерживает атрибут form. maxlength:- Ставит предел: определяет максимальное количество символов, которое пользователь может ввести в поле.
Примечание: атрибут maxlength не работает в IE9 и более ранних версиях, а также в Opera. name:- Задаёт имя для элемента. Без него данные просто потеряются при отправке формы!
placeholder:- Отображает короткую подсказку, объясняющую, какие именно данные ожидаются. Подсказка видна, пока поле пустое, и исчезает в тот момент, когда пользователь начинает вводить текст (получает фокус).
Примечание: атрибут placeholder не поддерживается в IE9 и более ранних версиях. readonly:- Содержит текст только для чтения. Изменить его нельзя, но вот скопировать - вполне возможно! Возможные значения логического атрибута:
textarea readonly textarea readonly="readonly" textarea readonly="" required:- Обязывает пользователя заполнить поле перед отправкой формы на сервер. Это отличный способ избежать пустых полей в базе данных.
Примечание: атрибут required не поддерживается браузерами Internet Explorer и Safari. rows:- Определяет высоту поля положительным целым числом. Единицей измерения здесь выступает высота одной строки. Если атрибут отсутствует, используется значение по умолчанию - 2.
wrap:- Управляет тем, как текст переносится на сервер при отправке данных:
- hard - браузер сам вставляет разрывы строк так, чтобы каждая строка не превышала ширину поля. Для этого обязательно нужно указать атрибут
cols. - soft - текст отправляется одной непрерывной строкой без дополнительных переносов. Это значение по умолчанию.
Помимо перечисленных выше, тег <textarea> также поддерживает и другие стандартные атрибуты HTML. Пример
|