Синтаксис

<textarea>...</textarea>

Описание

Тег <textarea> (от англ. text area ‒ текстовое поле) добавляет многострочное текстовое поле.

В отличие от элемента <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

По умолчанию количество символов, которое можно ввести в поле не ограничено, а введенный текст отображается моноширинным начертанием.

Примечание!

Отображаемый размер текстового поля ввода можно задавать при помощи атрибутов cols и rows, либо при помощи CSS свойств height и width. А с помощью CSS свойства resize можно запретить изменение размера текстового поля.

Атрибуты, которые можно использовать в теге <textarea>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
autofocus autofocus

Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы

cols число Определяет видимую ширину текстовой области
dirname ltr
rtl
Указывает, что направление текста будет отправлено на сервер
disabled disabled Указывает, что текстовая область должна быть отключена
form id формы Указывает одну или несколько форм, к которым относится текстовая область
maxlength число Указывает максимальное количество символов, разрешенных в текстовой области
name текст Задает имя для текстовой области
placeholder текст Задает краткую подсказку, описывающую ожидаемое значение текстовой области
readonly readonly Указывает, что текстовая область должна быть только для чтения
required required Указывает, что текстовая область обязательна/должна быть заполнена
rows число Указывает видимое число строк в текстовой области
wrap hard
soft
Указывает, как текст в текстовой области должен быть упакован при отправке в форме

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег textarea</title>
</head>
<body>
    <form>

        <textarea name="text" rows="10" cols ="40"></textarea><br><br>
        <input type="submit" value="Отправить">
    </form>
</body>
</html>

Отображение в браузере:



Параметры CSS по умолчанию

Нет.

Поддержка браузера

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<textarea> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.