Тег 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>
: