АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
48 of 133 menu

Тег 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 добавим подсказку placeholder:

<textarea placeholder="i am a hint"></textarea>

:

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

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