HTML - тег <textarea>
Пример
Элемент управления многострочным вводом текста (текстовая область):
<label for="w3review">Review of W3Schools:</label>
<textarea
id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <textarea>определяет элемент управления многострочным вводом текста.
Этот <textarea>элемент часто используется в форме для сбора пользовательских данных, таких как комментарии или обзоры.
Текстовая область может содержать неограниченное количество символов, а текст отображается шрифтом фиксированной ширины (обычно Courier).
Размер текстовой области определяется атрибутами <cols>и <rows>(или с помощью CSS).
Атрибут nameнеобходим для ссылки на данные формы после отправки формы (если вы опустите
nameатрибут, данные из текстовой области не будут отправлены).
Атрибут idнеобходим, чтобы связать текстовую область с меткой.
Совет. Всегда добавляйте тег <label> , чтобы улучшить доступность!
Поддержка браузера
| Element | |||||
|---|---|---|---|---|---|
| <textarea> | Yes | Yes | Yes | Yes | Yes |
Атрибуты
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Specifies that a text area should automatically get focus when the page loads |
| cols | number | Specifies the visible width of a text area |
| dirname | textareaname.dir | Specifies that the text direction of the textarea will be submitted |
| disabled | disabled | Specifies that a text area should be disabled |
| form | form_id | Specifies which form the text area belongs to |
| maxlength | number | Specifies the maximum number of characters allowed in the text area |
| name | text | Specifies a name for a text area |
| placeholder | text | Specifies a short hint that describes the expected value of a text area |
| readonly | readonly | Specifies that a text area should be read-only |
| required | required | Specifies that a text area is required/must be filled out |
| rows | number | Specifies the visible number of lines in a text area |
| wrap | hard soft |
Specifies how the text in a text area is to be wrapped when submitted in a form |
Глобальные атрибуты
Тег <textarea>также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <textarea>также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Отключить параметр изменения размера по умолчанию:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">Review of W3Schools:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
At
w3schools.com you will learn how to make a website. They offer free tutorials
in all web development technologies.
</textarea>
</body>
</html>
Связанные страницы
Справочник по HTML DOM: объект Textarea
Учебник по CSS: стилизация форм
Настройки CSS по умолчанию
Никто.