Тег textarea

Тег textarea создает многострочное поле ввода для использования в HTML формах.

В отличие от тега input, в textarea можно вбивать много строк текста, разделяя их клавишей Enter.

Тег textarea должен лежать внутри тега form. Это не обязательно, необходимо для отправки данных на сервер и последующей их обработки через PHP.

По умолчанию пользователь может изменять размеры тега textarea, потянув за нижний правый угол. Это поведение можно изменить с помощью CSS свойства resize.

Пример . Просто текстареа

Давайте посмотрим, как работает тег textarea:

<textarea></textarea>

:

Пример . Текст по умолчанию

Давайте попробуем тегу textarea добавить текст по умолчанию. Обратите внимание на то, что в отличие от тега input, тегу textarea не задается атрибут value, а текст по умолчанию пишется между открывающим тегом <textarea> и закрывающим </textarea>:

<textarea>какой-то текст</textarea>

:

Пример . Паразитные пробелы

Обратим внимание на то, что если разнести открывающий тег <textarea> и закрывающий </textarea> на разные строки, то в результате в этом поле ввода появятся лишние пробелы (как бороться: не разносите на разные строки):

<textarea> какой-то текст </textarea>

:

Пример . Подсказка в textarea

А теперь давайте тегу textarea добавим подсказку placeholder:

<textarea placeholder="Я подсказка:)"></textarea>

:

Смотрите также

  • тег input,
    представляющий собой однострочное поле ввода
  • атрибут disabled,
    с помощью которого можно блокировать поля ввода