Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег textarea

Дата:21.09.15 в 12:39
Справочник: 

Характеристики тега

В каких браузерах работает?

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>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Понравилась статья? Расскажите о ней друзьям: