Тег <textarea>

Тег <textarea> в HTML определяет многострочное текстовое поле. Он часто используется в формах для ввода длинных сообщений, комментариев и т.д.

Вот базовый пример его использования:

<form action="">
  <label for="message">Сообщение:</label><br>
  <textarea id="message" name="message" rows="5" cols="30">
  Введите ваше сообщение здесь...
  </textarea><br>
  <input type="submit">
</form>

В этом примере создается текстовое поле с идентификатором "message", именем "message", и указанием размера поля - 5 строк на 30 символов в ширину. Текст внутри тега <textarea> и </textarea> является начальным значением поля (placeholder), но в отличие от атрибута placeholder, этот текст не исчезает при клике на поле.

Атрибуты rows и cols определяют количество видимых строк и колонок, соответственно.

Еще некоторые полезные атрибуты:

1.placeholder: Задает подсказку для пользователя, которая будет отображаться в пустом поле ввода. Этот текст исчезает, когда пользователь кликает на поле ввода.

2.readonly: Если этот атрибут указан, пользователь не может изменить содержимое поля.

3.disabled: Если этот атрибут указан, поле ввода отключено (заблокировано) и не может быть выбрано пользователем.

4.required: Если этот атрибут указан, поле должно быть заполнено перед отправкой формы.

5.maxlength: Этот атрибут задает максимальное количество символов, которые могут быть введены в поле.

6.wrap: Это атрибут определяет, как текст будет обернут при подаче формы. Он может быть установлен как "soft" (обертка для отображения, но не для отправки) или "hard" (обертка и для отправки, и для отображения).