Textarea html: Атрибут rows | htmlbook.ru - Блог сумасшедшего сисадмина

Содержание

Тег | htmlbook.ru

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
3.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.

Поле с исходным текстом

Синтаксис

<textarea атрибуты>
  текст
</textarea>

Атрибуты

accesskey: Переход к полю с помощью сочетания клавиш.
autofocus: Автоматическое получение фокуса.
cols: Ширина поля в символах.
disabled: Блокирует доступ и изменение элемента.
form: Связывает текстовое поле с формой по её идентификатору.
maxlength: Максимальное число введенных символов.
name: Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
placeholder: Указывает замещающийся текст.
readonly: Устанавливает, что поле не может изменяться пользователем.
required: Обязательное для заполнения поле.
rows: Высота поля в строках текста.
tabindex: Порядок перехода между элементами при нажатии на клавишу Tab.
wrap: Параметры переноса строк.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег TEXTAREA</title>
 </head>
 <body>

  <form action="textarea1.php" method="post">
    <p><b>Введите ваш отзыв:</b></p>
    <p><textarea rows="10" cols="45" name="text"></textarea></p>
    <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>

Элемент textarea | HTML/xHTML

Элемент textarea HTML— это поле для ввода текста, состоящего из нескольких строк, и его редактирования. Он используется для ввода и редактирования длинных фрагментов текста.

Содержимое этого элемента представляет его исходное значение. Оно отображается в текстовом поле после загрузки документа или после нажатия кнопки сброса в форме.

В первом примере мы создадим форму с элементом управления textarea со всеми значениями по умолчанию. Также мы установим атрибут placeholder с подсказкой относительно того, контент какого типа должен вводиться в поле. Она будет отображаться, когда текстовая область пуста:

<form action="../../form-result.php" target="_blank">
  <p>Message to the author:</p>
  <p><textarea name="message" placeholder="Share your opinion with the author!"></textarea></p>
  <p><input type="submit" value="Send message"></p>
</form>

Во втором примере мы установим начальное значение в качестве содержимого HTML textarea. Оно будет использоваться для заполнения элемента управления сразу после загрузки документа, а также после сброса формы.

В отличие от поля для ввода однострочного текста элемент textarea использует начальное значение в качестве содержимого (вместо атрибута value):

<form action="../../form-result.php" target="_blank">
  <p>Edit your comment:</p>
  <p><textarea name="comment">Hi! I think you're all wrong!</textarea></p>
  <p>
    <input type="submit" value="Edit">
    <input type="reset" value="Reset">
  </p>
</form>

Далее мы используем атрибуты cols и rows, чтобы задать количество символов, которые могут одновременно отображаться в элементе управления. Браузеры рассчитывают ширину и высоту элемента, умножая эти значения на ширину и высоту символа используемого шрифта.

Ширина HTML input textarea вычисляется относительно ширины символа используемого шрифта. Так как символы не всегда имеют одинаковую ширину, то браузеры могут использовать различные методы, чтобы округлить это значение:

<form action="../../form-result.php" target="_blank">
  <p>Add a new description:</p>
  <p><textarea name="description" cols="40" rows="5"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

В следующем примере мы используем два атрибута. Они устанавливают ограничения на длину текста, который может быть введен в текстовую область. Это minlength и maxlength, их названия говорят сами за себя.

Соответствие minlength проверяется только при отправке данных формы, а в maxlength браузеры проверяют, чтобы пользователь не ввел больше символов, чем указано через этот атрибут.

Атрибут maxlength элемента textarea HTML хорошо поддерживается браузерами, а minlength – нет:

<form action="../../form-result.php" target="_blank">
  <p>Edit your biography:</p>
  <p><textarea name="biography" minlength="20" maxlength="50"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Теперь мы используем атрибут required, который был введен в HTML5. Когда этот атрибут указан, браузер не позволяют отправить данные формы, пока соответствующее поле не будет заполнено.

Поддержка браузерами атрибута является неполной. Чтобы обеспечить этот функционал во всех браузерах, придется использовать скрипты.

Указывает браузеру, должен ли он автоматически предлагать варианты при вводе данных для этого элемента управления, пытаясь угадать, что пользователь печатает. Для данного атрибута элемента HTML textarea допустимы два значения, они не чувствительны к регистру:

on: браузер должен предлагать варианты автоматически. Это значение по умолчанию;
off: браузер не должен предлагать варианты автоматически.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Justify your answer:</p>
  <p><textarea name="justification" autocomplete="off"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Логическое значение, указывающее браузеру установить фокус ввода на элементе управления после завершения загрузки документа или при открытии диалогового окна, в котором отображается элемент управления. Если атрибут имеет значение «autofocus«, пустую строку (» «), то элемент управления будет находиться в фокусе ввода сразу после загрузки страницы или диалогового окна.

Пример:

<textarea name="thoughts" autofocus></textarea>

Ширина элемента управления, задаваемая через количество символов исходя из ширины литер текущего шрифта. Так как символы не всегда имеют одинаковую ширину, браузеры могут использовать различные методы, чтобы округлить это значение.

Значение, указанное в этом атрибуте тега textarea в HTML должно быть целым числом больше нуля. Если значение отсутствует или имеет некорректный формат, атрибуту будет присвоено значение по умолчанию — 20.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Special thanks:</p>
  <p><textarea name="thanks" cols="20" rows="6"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Название нового поля, предназначенного для передачи направления ввода текста. Этот атрибут, введенный в HTML5, позволяет авторам корректно обрабатывать значения, вводимые на языках с различным направлением письма. Для этого добавляется отдельное поле, заполняемое вместе с формой. Название поля будет выступать в качестве значения атрибута.

Так как этот атрибут textarea HTML является относительно новым, он не полностью поддерживается браузерами. Разработчики должны проверять поддержку браузерами при получении данных на стороне сервера.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Contribute with an idea:</p>
  <p><textarea name="idea" dirname="idea-dir"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Логическое значение, указывающее отключен ли данный элемент управления или нет. Если атрибут принимает значение «disabled» или пустую строку («»), то элемент управления отключен.

Отключенные элементы управления при отображении формы неактивны, блокируются от взаимодействия с пользователем и их значения (если таковые имеются) не передаются при отправке данных формы.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>A penny for your thoughts:</p>
  <p><textarea name="thoughts" disabled></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Значение атрибута идентификатора формы, с которой HTML input textarea связан.

Этот атрибут является новым и был введен в HTML5. Он помогает определить принадлежность элементов управления во вложенных или разделенных формах.

Пример:

<p>Introduction:</p>
<p><textarea name="introduction" form="form1"></textarea></p>
<form action="../../form-result.php" target="_blank">
  <p><input type="submit" value="Submit"></p>
</form>

Указывает, какой способ ввода является наиболее приемлемым для пользователей. Существует двенадцать возможных значений, не чувствительных к регистру:

verbatim: алфавитно-цифровой ввод на латинице текста, такого как имена пользователей, пароли, коды товаров и т.д.;
latin: ввод на латинице на предпочтительном для пользователя языке с подключением вспомогательных средств, таких как автоматическое заполнение. Предназначен для передачи данных от пользователей компьютеру. Например, через форму поиска;

latin-name: ввод на латинице на предпочтительном для пользователя языке, с подключением некоторых вспомогательных средств. Таких, как автоматическое заполнение предлагаемых имен из списка контактов и автоматическая установка регистра;
latin-prose: ввод для передачи данных от человека человеку с автоматическим заполнением предлагаемого текста и автоматической расстановкой заглавных букв в начале предложений;
full-width-latin: ввод на латинице на втором языке пользователя, с подключением вспомогательных средств для ввода символов в полном размере и передачи данных от человека человеку, таких как автоматическое заполнение предлагаемого текста и расстановка заглавных букв в начале предложений;

kana: ввод на кана или ромадзи, стандартный ввод на хирагана, использующий ввод символов в полном размере с поддержкой преобразования в кандзи. Предназначен для ввода текста на японском языке;
kana-name: то же самое, что и «kana«, но с подключением вспомогательных средств для ввода человеческих имен из списка контактов;
katakana: ввод на катакана с использованием символов и поддержкой преобразования в кандзи. Предназначен для ввода текста на японском языке;
numeric: ввод цифр, включая клавиши для цифр от 0 до 9, с использованием указанного символа, разделяющего тысячи и символа для отрицательных чисел. Рекомендуется для элемента ввода цифр;
tel: ввод номеров телефонов, включая клавиши цифр от 0 до 9, символа «#» и символа «*«. В некоторых локальных зонах это значение атрибута HTML textarea может включать буквенные мнемонические метки. Рекомендуется для элемента ввода номера телефона;
email: ввод текста в локали пользователя с использованием клавиш для ввода адреса электронной почты. Например, символов «@» и «.«. Рекомендуется для элемента ввода адреса электронной почты;
url: ввод текста в локали пользователя с использованием клавиш для ввода адресов. Например, символов «/» и «.«, а также для быстрого ввода частей доменных имен, таких как «www.» или «.co.uk«. Рекомендуется для элемента управления ввода URL-адреса.

Браузеры могут использовать информацию, содержащуюся в этом атрибуте, чтобы предоставить средства, помогающие пользователю вводить данные. Например, виртуальные экранные клавиатуры могут предоставлять специальные клавиши для выбранного режима ввода.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>List your friends:</p>
  <p><textarea name="friends" inputmode="latin-name"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Целое число, указывающее максимальное количество символов, которое может содержать значение элемента управления.

Разработчики не должны полагаться на атрибут textarea HTML maxlength. Пользователи могут отправить данные формы через браузер, не поддерживающий эту функцию.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Resources:</p>
  <p><textarea name="resources" maxlength="20"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Целое число, указывающее минимальное количество символов, которое может содержать значение элемента управления.

Разработчики не должны полагаться на атрибут minlength. Пользователи могут отправить данные формы через браузер, не поддерживающий эту функцию.

Поддержка браузерами атрибута minlength является крайне слабой. Лучше не полагаться на этот атрибут, пока его поддержка не улучшится.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Analisys:</p>
  <p><textarea name="analisys" maxlength="20"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Имя тега textarea в HTML. Оно будет отправлено браузером обработчику, связанному с содержимым элемента. Они вместе будут соответствовать паре имя-значение, которая используется для обработки данных формы.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Review:</p>
  <p><textarea name="review"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Текст подсказки, как должно быть заполнено поле (пример или краткое описание). Браузеры могут отображать содержимое атрибута в элементе управления, хотя он не имеет никакого значения. Когда пользователь начинает вводить собственный текст, подсказка должна удаляться из элемента управления.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Results:</p>
  <p><textarea name="results" placeholder="Write down here the results of your study..."></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Логическое значение, указывающее браузеру запретить пользователю изменять значение элемента управления. Если атрибут имеет значение «readonly» или пустую строку («»), то пользователю запрещено изменять значение в элементе управления.

Хотя этот атрибут не позволяет редактировать значения элемента управления, но блокируются не все действия: пользователь все равно сможет выделить и скопировать текст в элементе управления.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>File "config.cfg":</p>
  <p>
    <textarea name="file" readonly>wait=24
login=db
autostart=yes
    </textarea>
  </p>
  <p><input type="submit" value="Submit"></p>
</form>

Логическое значение, указывающее на то, может ли данный элемент управления оставаться незаполненным. Если атрибут имеет значение «required» или пустую строку («»), то пользователь должен заполнить элемент управления, чтобы отправить данные формы.

Если HTML input textarea с атрибутом required не заполнен, то при попытке пользователя отправить данные формы, браузер выдаст ошибку и отменит отправку данных.

Поддержка браузеров для атрибута required является неполной. Разработчикам придется полагаться на скрипты, чтобы обеспечить данный функционал во всех браузерах.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Leave your opinion:</p>
  <p><textarea name="opinion" required></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Количество строк, отображаемых в элементе управления. Если текст внутри элемента управления содержит больше строк, чем задано атрибутом, браузер выведет вертикальную полосу прокрутки, чтобы пользователь смог получить доступ к скрытому содержимому.

Значение, указанное в этом атрибуте тега textarea в HTML, должно быть целым числом больше нуля. Если значение отсутствует или имеет неправильный формат, то для атрибута будет назначено значение по умолчанию — 2.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Special thanks:</p>
  <p><textarea name="thanks" cols="20" rows="6"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Значение, указывающее браузеру, должен ли переноситься текст при отправке данных формы. Для атрибута доступно два значения, не чувствительных к регистру:

soft: текст не будет переноситься при отправке данных формы, но он может переноситься при отображении. Это значение по умолчанию;
hard: текст будет переноситься при отправке данных формы с помощью добавления новых строк. Таким образом длина текста не превысит ширину фрейма.

Это относительно новый атрибут textarea HTML, его поддержка является неполной. Разработчикам придется полагаться на скрипты, чтобы обеспечить этот функционал во всех браузерах.

Пример:

<form action="../../form-result.php" target="_blank">
  <p>Codes list:</p>
  <p><textarea name="codeslist" cols="5" rows="6" wrap="hard"></textarea></p>
  <p><input type="submit" value="Submit"></p>
</form>

Данная публикация является переводом статьи «textarea element» , подготовленная редакцией проекта.

HTML и CSS с примерами кода

Тег <textarea> (от англ. text area — область текста) это элемент формы для создания области, в которую можно вводить несколько строк текста. Количество символов, которое можно ввести в поле не ограничено, а введенный текст отображается моноширинным шрифтом.

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

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.

Формы

Синтаксис

<textarea>
    текст
</textarea>

Закрывающий тег обязателен.

Атрибуты

autocomplete: Включает или отключает автозаполнение.
autofocus: Устанавливает фокус в поле формы.
cols: Ширина поля в символах.
dirname: Параметр, который передаёт на сервер направление текста.
disabled: Блокирует доступ и изменение элемента.
form: Связывает поле с формой по её идентификатору.
maxlength: Максимальное количество символов разрешённых в тексте.
minlength: Минимальное количество символов разрешённых в тексте.
name: Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
placeholder: Выводит подсказывающий текст.
readonly: Устанавливает, что поле не может изменяться пользователем.
required: Обязательное для заполнения поле.
rows: Высота поля в строках текста.
wrap: Параметры переноса строк.

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

autocomplete

Этот атрибут помогает заполнить текстовое поле текстом, который был введён в нём ранее. Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках браузера и не может в таком случае управляться атрибутом autocomplete.

Автозаполнение конкретного поля формы привязывается к его атрибуту name и при смене значения теряется.

Синтаксис

<textarea autocomplete="on | off"></textarea>

Значения

on: Включает автозаполнение текста.
off: Отключает автозаполнение.

Значение по умолчанию

Зависит от настроек браузера.

autofocus

Автоматически устанавливает фокус в текстовое поле. В таком поле можно сразу набирать текст без переключения курсора в текстовое поле.

Синтаксис

<textarea autofocus> </textarea>

Значения

Нет.

Значение по умолчанию

По умолчанию атрибут autofocus не установлен.

cols

Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задаётся количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.

Синтаксис

<textarea cols="<число>"> </textarea>

Значения

Любое целое положительное число.

Значение по умолчанию

В HTML4 зависит от настроек браузера и операционной системы.

В HTML5 — 20.

dirname

При наличии атрибута dirname на сервер отправляется пара имя/значение, где имя задаётся атрибутом dirname, а значение подставляется браузером. Для текста, идущего слева направо, значение будет ltr, а для текста справа налево (арабского, к примеру) значение будет rtl.

Синтаксис

<textarea dirname="<строка>"></textarea>

Значения

Произвольная текстовая строка, которая служит именем параметра. Чтобы показать, что этот параметр указывает направление текста, обычно в конце строки добавляют .dir.

Значение по умолчанию

Нет.

disabled

Блокирует доступ и изменение текстового поля. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.

Заблокированный в поле текст не передаётся на сервер.

Синтаксис

<textarea disabled></textarea>

Значения

Нет.

Значение по умолчанию

По умолчанию это значение выключено.

form

Связывает текстовое поле с формой по её идентификатору. Такая связь необходима в случае, когда поле по каким-либо причинам располагается за пределами <form>.

Синтаксис

<textarea form="<идентификатор>"> </textarea>

Значения

Идентификатор формы (значение атрибута id элемента <form>).

Значение по умолчанию

Нет.

maxlength

Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным.

Синтаксис

<textarea maxlength="<число>"> </textarea>

Значения

Любое целое положительное число.

Значение по умолчанию

Нет.

minlength

Задаёт минимальное число символов, которое может быть введено пользователем в текстовом поле. Если число символов меньше указанного значения, то браузер выдаёт сообщение об ошибке и не отправляет форму.

Синтаксис

<textarea minlength="<число>"></textarea>

Значения

Любое целое положительное число.

Значение по умолчанию

Нет.

name

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

Синтаксис

<textarea name="<имя>"> </textarea>

Значения

В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу <textarea> по имени соблюдайте ту же форму написания, что и в атрибуте name.

Значение по умолчанию

Нет.

placeholder

Выводит подсказывающий текст внутри текстового поля, который исчезает при получении фокуса или наборе текста. В качестве подсказки обычно применяется короткий текст, состоящий из одного слова или фразы.

Синтаксис

<textarea placeholder="<текст>"> </textarea>

Значения

Текстовая строка.

Значение по умолчанию

Нет.

readonly

Когда к элементу <textarea> добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов. Также содержимое поле можно выделить и скопировать в буфер обмена.

Синтаксис

<textarea readonly></textarea>

Значения

Нет.

Значение по умолчанию

По умолчанию это значение выключено.

required

Устанавливает текстовое поле обязательным для заполнения перед отправкой формы на сервер. Если в обязательном поле нет текста, браузер выведет сообщение, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может.

Синтаксис

<textarea required> </textarea>

Значения

Нет.

Значение по умолчанию

По умолчанию атрибут required выключен.

rows

Высота текстового поля, которое определяется количеством отображаемых строк без прокрутки содержимого. Если размер шрифта изменяется с помощью стилей, высота поля также соответственно меняется.

Синтаксис

<textarea rows="<число>"></textarea>

Значения

Любое целое положительное число.

Значение по умолчанию

В HTML4 зависит от настроек браузера и операционной системы.

В HTML5 — 2.

wrap

Атрибут wrap говорит браузеру, как осуществлять перенос текста в поле <textarea> и в каком виде отправлять данные на сервер. Если этот атрибут отсутствует, текст в поле набирается одной строкой, когда число введённых символов превышает ширину области, появляется горизонтальная полоса прокрутки. Нажатие кнопки Enter переносит текст на новую строку, и курсор устанавливается у левого края поля.

Синтаксис

<textarea wrap="soft | hard"> </textarea>

Значения

soft: Слова в текстовом поле переносятся механически, если они не поместились в размер области, но при отправке на сервер переносы не сохраняются.
hard: Длинный текст, который самостоятельно не помещается в поле по ширине, автоматически переносится на новую строку и вместе с переносами отправляется на сервер. Для работы требуется наличие атрибута cols.

Значение по умолчанию

soft

Спецификации

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>TEXTAREA</title>
  </head>
  <body>
    <form action="textarea1.php" method="post">
      <p><b>Введите ваш отзыв:</b></p>
      <p>
        <textarea
          rows="10"
          cols="45"
          name="text"
        ></textarea>
      </p>
      <p><input type="submit" value="Отправить" /></p>
    </form>
  </body>
</html>

См. также

Ссылки

Тег HTML текстовая область, многострочное поле

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

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

Размеры textarea HTML регулируются с помощью атрибутов rows и cols. Атрибут тега <textarea> rows регулирует высоту области, задавая количество строк, выводимых на экран без прокрутки (скроллинга). Атрибут тега <textarea> cols регулирует ширину текстовой области, рассчитывается в пикселях, как средняя ширина символа, умноженная на значение атрибута.

По умолчанию изменять размер textarea можно растягивая текстовую область за правый нижний край. Если нужно сделать <textarea> фиксированного размера, следует использовать CSS-правило resize: none;. Это отключит возможность растягивать область ввода.

Тег <textarea> HTML является элементом формы. Подробно о создании форм описано в статье: Все про формы и поля в HTML. Создание и работа с формами.

Синтаксис

<textarea>текст</textarea>

Примеры использования <textarea> в HTML коде

HTML код текстовой области <textarea>

<textarea name="message" cols="30" rows="4" placeholder="Введите сообщение"></textarea>

<textarea> с фиксированным размером (no resize textarea)

По умолчанию пользователь может изменять размер текстовой области <textarea> (растягивать область ввода за край).

Для того, чтобы запретить изменение размера <textarea> используйте CSS свойство resize. Значение none поставит запрет на изменение размеров текстовой области, как ширины, так и высоты.

Если необходимо, чтобы у textarea была фиксированная ширина, установите значение у CSS свойства resize в vertical, при этом высоту области можно будет изменить. Если нужно иметь возможность изменять ширину <textarea> при фиксированной высоте, используйте значения horizontal.

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

HTML код <textarea> с фиксированной шириной и высотой

<style type="text/css"> 
textarea[name="details"] { 
resize: none; 
} 
</style>
<textarea name="details" cols="30" rows="3" placeholder="Введите дополнительную информацию"></textarea>

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

Атрибуты тега textarea

Атрибут	Значения	Описание
autofocus	не указывается / autofocus	Логический атрибут. Если указан, при загрузке документа фокус будет переведен на текстовую область.
cols	число	Определяет ширину текстовой области. Ширина области рассчитывается в пикселях как ширина символа, умноженная на значение этого атрибута. Значение приблизительно равняется количеству символов моноширинного шрифта, которые должны занимать полную строку в текстовой области.
disabled	не указывается / disabled	Логический атрибут. Если указан, делает текстовую область неактивной. Данные текстовой области, отмеченной этим атрибутом, не будут переданы на сервер при отправке формы. Также отключает возможность ввода текста в текстовую область.
form	id формы	Указывает на форму, к которой относится текстовая область. Используется, если <textarea> находится вне HTML кода формы. Если текстовая область находится внутри тега <form>, то использовать атрибут form не нужно, текстовая область по умолчанию привязана к форме, внутри которой находится.
maxlength	число	Определяет максимальное количество символов, которые пользователь может ввести в текстовую область. По умолчанию объем текста в текстовой области не ограничен.
name	текст	Имя текстовой области. Используется при передаче данных формы на сервер. Значение (текст) текстовой области будет передано в переменной, имеющей имя, указанное в этом атрибуте.
placeholder	текст	Текст, который будет отображаться внутри текстовой области, когда она не заполнена текстом. Обычно это описание того, что должен ввести пользователь, либо пример заполнения.
readonly	не указывается / readonly	Логический атрибут. Если указан, пользователь не сможет изменить значение (текст) в текстовой области. Используется для создания текстовых областей, доступных только для чтения.
required	не указывается / required	Логический атрибут. Если указан, текстовая область будет определена как обязательная для заполнения. Форма не будет отправлена на сервер, если текстовая область не будет заполнена. Заполнение контролируется браузером. При попытке отправить форму с незаполненной обязательной текстовой областью, браузеры обычно выводят на экран ошибку заполнения.
rows	число	Определяет высоту текстовой области. В качестве значения необходимо указать количество строк, которые должны быть видны без прокрутки (скроллинга).
wrap	hard soft	Определяет правила переноса строк: Значение hard: символы переноса строки будут добавлены в конце каждой строки в текстовой области. Таким образом, введенный текст из текстовой области переданный на сервер будет иметь ширину не больше, чем ширина <textarea>. Для использования этого значения необходимо указать атрибут cols. Значение soft: символы переноса ставятся там, где их ставил пользователь. Таким образом текст из текстовой области, переданный на сервер в дальнейшем сможет растягиваться под ширину тега-контейнера. Значение по умолчанию.

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

Тег textarea

Пример

Текстовая область HTML:

<textarea rows=»4″ cols=»50″>
На Html5Css.ru вы узнаете, как сделать сайт. Мы предлагаем бесплатные учебники по всем технологиям веб-разработки.
</textarea>

Определение и использование

Тег <textarea> определяет многострочный элемент управления вводом текста.

Текстовая область может содержать неограниченное число символов, а текст отображается в шрифте фиксированной ширины (обычно это курьер).

Размер текстовой области может быть задан атрибутами COLS и Rows, или даже лучше; через свойства высоты и ширины CSS.

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

Элемент
<textarea>	Да	Да	Да	Да	Да

Различия между HTML 4,01 и HTML5

HTML5 добавил несколько новых атрибутов.

Атрибуты

= Новый в HTML5.

Атрибут	Значение	Описание
autofocus	autofocus	Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы
cols	number	Определяет видимую ширину текстовой области
dirname	textareaname.dir	Указывает, что текстовое направление текстового поле будет отправлено
disabled	disabled	Указывает, что текстовая область должна быть отключена
form	form_id	Указывает одну или несколько форм, к которым относится Текстовая область
maxlength	number	Указывает максимальное количество символов, разрешенных в текстовой области
name	text	Задает имя для текстовой области
placeholder	text	Задает краткую подсказку, описывающую ожидаемое значение текстовой области
readonly	readonly	Указывает, что текстовая область должна быть только для чтения
required	required	Указывает, что текстовая область обязательна/должна быть заполнена
rows	number	Указывает видимое число строк в текстовой области
wrap	hard soft	Указывает, как текст в текстовой области должен быть упакован при отправке в форме

Глобальные атрибуты

Тег <textarea> также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег <textarea> также поддерживает Атрибуты событий в HTML.

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

Нет.

| Справочник HTML

Элемент <textarea> (от англ. «text area» ‒ «текстовое поле») определяет многострочное текстовое поле. Основное отличие от тега <input> заключается в том, что допускаются переносы строк (они сохраняются при отправке данных на сервер). По умолчанию количество символов, которое можно ввести в поле не ограничено, а введенный текст отображается моноширинным начертанием.

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

Синтаксис

<textarea>...</textarea>

Закрывающий тег

Обязателен.

Атрибуты

autocompleteHTML5: Включает или отключает автозаполнение.
autofocusHTML5: Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы.
cols: Определяет видимую ширину текстовой области (в символах). Значение по умолчанию 20 символов.
dirnameHTML5: Параметр, который передаёт на сервер направление текста.
disabled: казывает, что текстовая область будет неактивна, т.е. не будет возможности вводить текст или изменять и копировать текст, заданный по умолчанию.
formHTML5: Определяет форму с которой связан элемент <textarea>. В качестве значения атрибута выступает идентификатор элемента <form>. Этот атрибут позволяет размещать многострочное текстовое поле в произвольном месте документа, а не только в качестве потомка элемента <form>.
maxlengthHTML5: Определяет максимально количество символов, которое можно будет ввести в текстовое поле.
minlengthHTML5: Указывает минимальное количество символов, которое может содержаться в текстовой области.
name: Определяет имя для текстового поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
placeholderHTML5: Определяет короткую подсказку, которая описывает ожидаемое значение для текстового поля. Подсказка будет отображатся в текстовом поле, когда оно пустое, и исчезнет при получение им фокуса.
readonly: Устанавливает, что поле не может изменяться пользователем.
requiredHTML5: Указывает, что текстовое поле должно быть заполнено перед отправкой формы на сервер.
rows: Определяет видимое количество строк в текстовой области (в символах). Значение по умолчанию 2 символа.
wrapHTML5: Определяет параметры переноса строк в тексте, при отправке данных на сервер:
hard ‒ браузер автоматически вставляет разрывы строки так, что каждая строка не будет иметь ширину больше, чем ширина текстового поля. Обязательным условием использования значения hard является установленный атрибут cols.
soft ‒ текст отправляется одной сплошной строкой, дополнительные переносы строк не добавляются. Является значением по умолчанию.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

В HTML5 тегу <textarea> были добавлены новые атрибуты.

Пример использования:

Пример HTML: Попробуй сам
<form action="" method="POST"> <p>Ознакомьтесь с соглашеием:</p> <textarea cols="24" rows="3" name="about" readonly> Условия нашего соглашения…</textarea><br/> <p>Ваше мнение о этом соглашении:</p> <textarea name="comments" cols="24" rows="4"> Введите свой комментарий…</textarea> </form>
Спецификации
Поддержка браузерами
Элемент
<textarea> 3+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<textarea> 1+ 1+ 6+ 1+
Учебник HTML
HTML уроки: Элементы формы
HTML Элементы

Тег | HTML справочник
HTML теги
Значение и применение
Тег <textarea> представляет собой поле формы для создания области многострочного ввода (текстовая область). Основное отличие от тега <input> (пользовательское поле для ввода информации) заключается в том, что допускаются переносы строк (они сохраняются при отправке данных на сервер).
Текстовая область может содержать неограниченное количество символов, как правило, текст внутри нее отображается браузерами моноширинным шрифтом Courier (курьер).
Поддержка браузерами
Атрибуты
Атрибут Значение Описание
autoсomplete on
off Этот атрибут определяет, может ли значение элемента быть автоматически дополнено браузером (помощь пользователям в заполнении формы).
autofocus autofocus Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы.
cols number Определяет видимую ширину текстовой области (в символах). Значение по умолчанию 20 символов.
dirname textareaname.dir Определяет специальное имя поля формы, которое используется, чтобы указать направление текста в текстовой области, оно будет подставлено браузером автоматически и отправлено на сервер вместе с формой отправки.
disabled disabled Логический атрибут, который указывает, что текстовая область должна быть отключена.
form form_id Задает одну или несколько форм к которым элемент принадлежит.
maxlength number Указывает максимальное количество символов, которое может содержаться в текстовой области (при достижении заданного числа символов дальнейший ввод невозможен).
minlength number Указывает минимальное количество символов, которое может содержаться в текстовой области.
name text Определяет имя для текстовой области.
placeholder text Указывает текст подсказки, которая описывает ожидаемое значение для ввода пользователем в элемент.
readonly readonly Указывает, что текстовая область доступна только для чтения.
required required Логический атрибут, который указывает, что текстовая область должна быть заполнена перед тем как форма будет отправлена.
rows number Определяет видимое количество строк в текстовой области (в символах). Значение по умолчанию 2 символа.
wrap hard
soft Определяет, как текст в текстовой области, должен быть перенесён, когда отправляется форма.
Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования тега <textarea></title> </head> <body> <form> <textarea name = "auth_msg" rows = "10" cols = "45">Здесь Вы можете написать информацию для автора…</textarea><br> <input type = "submit" name = "submitInfo" value = "отправить"> </form> </body> </html>
В данном примере мы создали текстовую область (HTML тег <textarea>), атрибутом name присвоили ей имя (name = «auth_msg»), атрибутом rows задали высоту строк равной десяти символам (rows = «10»), и атрибутом cols указали ширину поля равной 45 символов (cols = «45»).
Кроме того, мы разместили внутри формы кнопку, которая служит для отправки формы (элемент <input> с типом кнопки «отправка формы»: type = «submit»).
Результат нашего примера:
Текстовая область в HTML.
Отличия HTML 4.01 от HTML 5
В HTML 5 добавлены 6 новых атрибутов.
Значение CSS по умолчанию
Нет.
Поддержка глобальных атрибутов
Элемент поддерживает «глобальные атрибуты».
Атрибуты событий
Элемент поддерживает «атрибуты событий».
HTML теги
Вот что вам следует знать »
Раскрытие информации: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице. Подробнее
Что делает HTML5 Textarea Attributes: вот что вы должны знать, что делает?
Элемент используется для создания области ввода текста неограниченной длины. По умолчанию текст в <textarea> отображается моноширинным шрифтом или шрифтом фиксированной ширины, а текстовые области чаще всего используются в родительском элементе <form>.</dd> <dt> Display </dt> <dd> inline </dd> </dl> <h3><span class="ez-toc-section" id="Code_Example"> Code Example </span></h3><pre> <code> <textarea placeholder = "Вы можете вводить текст в это текстовое поле в течение всего дня, если хотите, но без кнопки отправки, чтобы щелкнуть, вся ваша тяжелая работа будет просто wasted. ">
Для чего используется
</code>? </h3> <p> Большинство форм HTML состоят из родительского элемента формы, нескольких элементов ввода (по крайней мере, один из которых будет типа отправки) и одного или нескольких текстовых полей.Если вам нужны поля формы для приема адресов электронной почты, номеров телефонов и другого контента, который легко определить, используйте соответствующий тип ввода. Однако, когда вам нужно поле, которое может принимать любую комбинацию и длину текстовых букв, цифр и символов, <code> <textarea> </code> — это элемент, который вы ищете. </p> <h3><span class="ez-toc-section" id="HTML5_Textarea"> HTML5 Атрибуты Textarea </span></h3> <p> HTML5 представил несколько новых атрибутов, которые можно использовать с элементами textarea. Вот некоторые из наиболее важных: </p> <ul> <li> <code> form </code>: связывает текстовое поле с формой.Используйте атрибут ID формы в качестве значения атрибутов формы textarea. Это позволяет размещать текстовое поле в любом месте веб-страницы, даже за пределами элемента формы, и при этом сохранять содержимое текстового поля при отправке формы. </li> <li> <code> maxlength </code> и <code> minlength </code>: используются для указания минимального или максимального количества символов, которые могут быть введены в текстовое поле. </li> <li> <code> заполнитель </code>: добавляет текст заполнителя в текстовое поле, которое исчезает, как только пользователь помещает курсор внутри элемента.</li> <li> Требуется <code> </code>: Требует, чтобы текстовое поле содержало контент, прежде чем разрешить отправку формы. </li> <li> <code> wrap </code>: Указывает, следует ли добавлять жесткие возвраты к содержимому, отправляемому в текстовое поле. </li> </ul> <h3><span class="ez-toc-section" id="i-36"> Атрибуты в действии </span></h3> <p> Вот пример того, как некоторые из этих новых атрибутов могут использоваться для управления поведением текстового поля. </p><pre> <code> <p> Эта текстовая область ограничена 10 символами </p> <textarea cols = "50" rows = "3" maxlength = "10" placeholder = "Допускается не более 10 символов"> < p> Эта текстовая область предназначена только для чтения и не может быть изменена Это значение не может быть изменено
Если мы объединим эти элементы textarea с простой скрипт и элемент кнопки, мы получаем следующую форму:
Адам — технический писатель, который специализируется на документации и руководствах для разработчиков.
Атрибуты HTML5 Атрибуты Textarea: вот что вы должны знать

HTML-тег

Тег определяет поле формы, в которое пользователь может вводить многострочный текст. В отличие от тега <input>, при отправке формы допускается перенос текста внутри <textarea>. </p> <p> Текстовая область может содержать неограниченное количество символов. Текст в этом теге отображается шрифтом фиксированной ширины (обычно Courier). </p> <p> <textarea> используется внутри тега <form>.</p> <h3><span class="ez-toc-section" id="i-37"> Синтаксис¶ </span></h3> <p> Тег <textarea> состоит из пар. Контент записывается между открывающим (<textarea>) и закрывающим () тегами.
Чтобы определить размер текстового поля, используйте атрибуты rows и cols или свойства высоты и ширины CSS.
Пример HTML-тега
: ¶ </h4><pre content="code snippet"> <code> <! DOCTYPE html> <html> <head> <title> Название документа </title> </head> <body> <form action = "/ form / submit" action = "post"> <textarea name = "comment" rows = "12" cols = "35"> Отправьте свои комментарии автору.
Попробуйте сами »
Результат¶

В этом примере мы используем для определения текстового поля, атрибут name для присвоения имени этому полю (« комментарий »), атрибут rows для установите его высоту (12 символов) и атрибут cols, чтобы установить его ширину (35 символов). </p> <h3><span class="ez-toc-section" id="i-39"> Стилизация элемента </span></h3><textarea> с помощью CSS¶ </h3> <p> Тег <textarea> считается заменяемым элементом, поскольку он имеет некоторые внутренние размеры.Стилизовать этот тег относительно легко с помощью обычного CSS. </p> <p> Его допустимые и недопустимые значения могут быть выделены псевдоклассами: valid и: invalid. Допустимые и недопустимые значения элемента <textarea> можно выделить с помощью псевдоклассов: valid и: invalid. </p> <p> В большинстве браузеров размер <textarea> можно изменять благодаря свойству изменения размера CSS. Изменение размера включено по умолчанию. Вы можете отключить его, установив значение «Нет» для изменения размера. </p> <h4><span class="ez-toc-section" id="_HTML-7"> Пример HTML-тега </span></h4><textarea> со свойствами CSS: ¶ </h4><pre content="code snippet"> <code> <! DOCTYPE html> <html> <head> <title> Название документа </title> <стиль> .comment { ширина: 60%; высота: 100 пикселей; отступ: 10 пикселей; наброски: 0; граница: 3px solid # 1c87c9; фон: # d0e2bc; высота строки: 20 пикселей; } </style> </head> <body> <форма> <p> Здесь мы используем стили CSS для настройки внешнего вида текстового поля. </p> <textarea> Отправьте свои комментарии автору.

Попробуйте сами »
В этом примере мы используем стили CSS для настройки внешнего вида текстового поля.

Атрибуты¶

Тег также поддерживает глобальные атрибуты и атрибуты событий. </p> <h3><span class="ez-toc-section" id="i-41"> Как оформить тег </span></h3><textarea>? </h3> <h4><span class="ez-toc-section" id="i-42"> Общие свойства для изменения визуального веса / акцента / размера текста в теге </span></h4><textarea>: </h4> <ul> <li> Свойство CSS font-style устанавливает стиль шрифта. нормальный | курсив | косой | начальная | наследовать. </li> <li> CSS свойство font-family определяет приоритетный список из одного или нескольких имён семейств шрифтов и / или родовых имён семейств для выбранного элемента.</li> <li> Свойство CSS font-size устанавливает размер шрифта. </li> <li> Свойство CSS font-weight определяет, должен ли шрифт быть жирным или толстым. </li> <li> Свойство CSS text-transform управляет регистром текста и заглавными буквами. </li> <li> CSS свойство text-decoration определяет украшение, добавленное к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style. </li> </ul> <h4><span class="ez-toc-section" id="i-43"> Раскрашивание текста в теге </span></h4><textarea>: </h4> <ul> <li> Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.</li> <li> CSS свойство background-color устанавливает цвет фона элемента. </li> </ul> <h4><span class="ez-toc-section" id="i-44"> Стили макета текста для тега </span></h4><textarea>: </h4> <ul> <li> Свойство CSS text-indent определяет отступ первой строки в текстовом блоке. </li> <li> Свойство CSS text-overflow указывает, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается. </li> <li> CSS свойство white-space определяет, как обрабатывается белое пространство внутри элемента. </li> <li> Свойство CSS word-break указывает, где строки должны быть разорваны.</li> </ul> <h4><span class="ez-toc-section" id="i-45"> Другие свойства, на которые стоит обратить внимание для тега </span></h4><textarea>: </h4> <h2><span class="ez-toc-section" id="HTML_Textarea_javatpoint"> HTML Textarea — javatpoint </span></h2> <p> Тег <b> HTML <textarea> </b> используется для определения элемента управления вводом многострочного текста. </p> <p> Он может содержать неограниченное количество символов, а тексты отображаются шрифтом фиксированной ширины (обычно курьерским). </p> <p> Размер текстового поля HTML определяется атрибутами <cols> и <rows>, или его также можно определить с помощью свойств высоты и ширины CSS.</p> <hr/> <h3><span class="ez-toc-section" id="_HTML-8"> Пример текстового поля HTML </span></h3> <p> <textarea rows = "9" cols = "70"> Пример тега текстовой области JavaTpoint со строками и столбцами.
Проверить это сейчас
Вывод:
Пример тега текстовой области JavaTpoint со строками и столбцами.
Поддерживающие браузеры
Новые атрибуты HTML 5 Textarea
Атрибут Описание
автофокус Он указывает, что текстовая область должна автоматически фокусироваться при загрузке страницы.
form Он определяет одну или несколько форм, которым принадлежит текстовое поле.
maxlength Определяет максимальное количество символов, разрешенное в текстовой области.
заполнитель Он указывает короткую подсказку, которая описывает ожидаемое значение текстового поля.
требуется Указывает, что текстовое поле должно быть заполнено.
wrap Он определяет, как тексты в текстовой области упаковываются во время отправки формы.
Атрибут формы HTML Textarea
Атрибут формы определяет одну или несколько форм, к которым принадлежит текстовая область.
Имя:

Введите текст здесь …
Текстовая область выше находится за пределами элемента формы, но все же должна быть частью формы.
Примечание. Атрибут формы не поддерживается в Internet Explorer.
Проверить это сейчас
Вывод:

Введите здесь текст …
Указанный выше элемент textarea находится вне формы, но по-прежнему является ее частью.
Примечание: Атрибут формы не поддерживается в Internet Explorer.
элементов / текстовое поле — HTML Wiki
Элемент представляет собой многострочный элемент управления редактированием обычного текста для необработанного значения элемента.</p> <h3><span class="ez-toc-section" id="HTML-4"> HTML-атрибуты </span></h3> <ul> <li> <code> autofocus </code> = boolean <br/> Позволяет автору указать, что элемент управления должен быть сфокусирован, как только страница загружается </li> </ul> <ul> <li> <code> столбцов </code> = действительное неотрицательное целое число <br/> указывает ожидаемое максимальное количество символов в строке. по умолчанию это 20. </li> </ul> <ul> <li> <code> отключено </code> = логическое <br/> Если присутствует, сделать элемент управления неинтерактивным и предотвратить отправку его значения.</li> </ul> <ul> <li> <code> form </code> = идентификатор элемента формы в владельце элемента <br/> Свяжите элемент textarea с его владельцем формы. <br/> По умолчанию элемент textarea связан с его ближайшим предком элемента формы. </li> </ul> <ul> <li> <code> имя </code> = уникальное имя <br/> Представляет имя элемента. </li> </ul> <ul> <li> <code> заполнитель </code> = примерное значение или краткое описание ожидаемого формата <br/> Представляет подсказку (слово или короткую фразу), предназначенную для помощи пользователю при вводе данных.<br/> Атрибут placeholder не должен использоваться как альтернатива метке. </li> </ul> <ul> <li> <code> readonly </code> = boolean <br/> Управляет возможностью редактирования текста пользователем. </li> </ul> <ul> <li> Требуется <code> </code> = логическое значение <br/> Если указано, пользователь должен будет ввести значение перед отправкой формы. </li> </ul> <ul> <li> <code> строк </code> = действительное неотрицательное целое число <br/> Задает количество отображаемых строк. по умолчанию это 2.</li> </ul> <ul> <li> <code> wrap </code> = soft / hard <br/> <ul> <li> soft <br/> Состояние Soft указывает, что текст в текстовой области не должен переноситься при отправке (хотя он все еще может быть перенесен при визуализации). </li> <li> hard <br/> Состояние Hard указывает, что текст в текстовой области должен иметь новые строки, добавленные пользовательским агентом, чтобы текст был обернут при отправке. <br/> Если атрибут обтекания элемента находится в жестком состоянии, необходимо указать атрибут cols.</li> </ul> </li> </ul> <p> <br/> См. Также глобальные атрибуты. </p> <h3><span class="ez-toc-section" id="i-47"> Примеры </span></h3> <h4><span class="ez-toc-section" id="_A"> Пример A </span></h4> <p> Вот пример текстового поля, используемого для неограниченного ввода текста произвольной формы в форму [попробуйте]: </p><pre> <p> Если у вас есть комментарии, дайте нам знать: <textarea cols = "80" name = "comments">

HTML-ссылка

Спецификация HTML5 определяет элемент в 4.10.13 Элемент textarea.</p> <h2><span class="ez-toc-section" id="i-48"> форм для заполнения </span></h2> форм для заполнения <b> Разрешенный контекст: </b>% Body.Content <br/> <b> Модель содержимого: </b> PCDATA (т.е. текст и объекты) <h3><span class="ez-toc-section" id="i-49"> ТЕКСТАРА </span></h3> <p> Чтобы пользователи могли вводить более одной строки текста, используйте ТЕКСТАРА элемент. Например: </p><pre> <TEXTAREA NAME = "address" ROWS = 64 COLS = 6> Компьютерные системы HaL 1315 Dell Avenue Кэмпбелл, Калифорния 95008
Текст до конечного тега используется для инициализации значения поля.Текст инициализации может содержать объекты SGML, например для акцентированных символов, но в остальном рассматривается как буквальный текст. Этот конечный тег всегда требуется, даже если изначально поле было пустым. При отправке формы терминаторы строк зависят от реализации. Серверы должны быть способным распознавать CR, сразу за которым следует LF, или отдельные CR и LF, обозначающие концы линий. Пользовательские агенты должен допускать такой же диапазон терминаторов линии в пределах текст инициализации.

При типичном рендеринге атрибуты ROWS и COLS определяют видимый размер поля в символах. Поле отображается в шрифт фиксированной ширины. Пользовательские агенты должны позволять тексту выходить за пределы этих ограничения путем прокрутки по мере необходимости. Пользовательский агент рекомендуется обернуть слова по мере их ввода, чтобы поместиться в поле текстового поля. это далее рекомендуется, чтобы пользователям были предоставлены средства, позволяющие превратить это функция выключена и включена.

Примечание: В исходном дизайне форм многострочные текстовые поля поддерживаются элементом INPUT с TYPE = TEXT.К сожалению, это вызывает проблемы для полей с длинными текстовыми значениями, поскольку SGML ограничивает длина литералов атрибутов. HTML 2.0 DTD допускает до 1024 символов (по умолчанию SGML составляет всего 240 символов).

Разрешенные атрибуты

ID

Идентификатор SGML, используемый в качестве цели для гипертекста ссылки или для наименования определенных элементов в связанных таблицах стилей. Идентификаторы являются токенами NAME и должны быть уникальными в пределах текущий документ.

LANG

Это одно из сокращений языка стандарта ISO, е.грамм. «en.uk» — вариант английского языка, на котором говорят в Соединенном Королевстве. Синтаксические анализаторы могут использовать его для выбора конкретного языка для кавычки, лигатуры, правила гипенации и т. д. Язык Атрибут состоит из двухбуквенного кода языка из ISO 639, необязательно, за которым следует точка и двухбуквенный код страны из ISO 3166.

КЛАСС

Это список токенов SGML NAME, разделенных пробелами. используется для создания подклассов имен тегов. По соглашению класс имена интерпретируются иерархически, с самым общим классом на слева и наиболее конкретный справа, где классы разделенные точкой.Атрибут CLASS чаще всего используется для прикрепить к какому-либо элементу другой стиль, но рекомендуется где практические имена классов следует выбирать на основе семантика элемента, поскольку это позволит использовать его в других целях, например ограничение поиска по документам путем сопоставления по классу элемента имена. Соглашения о выборе имен классов выходят за рамки данной спецификации.

ИМЯ

Формальное имя поля, которое используется в форме список содержимого.

ROWS

Это дает видимое количество текстовых строк, показанных поле. Пользовательские агенты должны позволять тексту выходить за эти пределы на прокрутка по мере необходимости.

COLS

Видимое количество символов в поле. Пользователь агенты должны позволять тексту выходить за эти пределы, прокручивая его как нужный.

ОТКЛЮЧЕНО

Если присутствует, поле должно отображаться как обычно, но не может быть изменен пользователем. Там, где это возможно, рендеринг должен указать, что поле отключено e.грамм. выделив текст серым цветом, изменение цвета фона или подобное.

ОШИБКА

Этот атрибут указывает сообщение об ошибке с объяснением почему текущее значение поля неверно. Когда этот атрибут отсутствует, можно считать, что поле в порядке. Пользовательские агенты рекомендуются чтобы указать, что поле содержит ошибку.

ALIGN

Принимает значения TOP, MIDDLE или BOTTOM, определяя, верхняя, средняя или нижняя строка поля должна быть выровнена с базовая линия для текстовой строки, в которой появляется элемент TEXTAREA.В по умолчанию align = top.
Если ALIGN = LEFT, поле будет перемещаться вниз и к текущему левое поле, и последующий текст будет обтекать правую часть поля. Аналогично для ALIGN = RIGHT поле выравнивается по текущее правое поле и текст обтекает левый.

Тег textarea HTML — Учебник Republic

Тема: Справочник по тегам HTML5 Назад | След.

Описание

Тег </code> определяет элемент управления вводом многострочного текста в форме.</p> <p> Текст внутри текстовой области обычно отображается с использованием стандартного моноширинного шрифта браузера (фиксированной ширины), такого как Courier. Текстовая область может содержать неограниченное количество символов. </p> <p> В следующей таблице приведены контекст использования и история версий этого тега. </p> <table> <tr> <th> Размещение: </th> <td> Рядный </td> </tr> <tr> <th> Содержимое: </th> <td> Текст </td> </tr> <tr> <th> Начальный / конечный тег: </th> <td> Начальный тег: <strong> требуется </strong>, Конечный тег: <strong> требуется </strong> </td> </tr> <tr> <th> Версия: </th> <td> HTML 2, 3.2, 4, 4.01, 5 </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="i-52"> Синтаксис </span></h3> <p> Базовый синтаксис тега <code> <textarea> </code> задается следующим образом: </p> <p> <i> HTML / XHTML: </i> <textarea cols = "<i> number </i>» rows = «<i> number </i>«> …
В приведенном ниже примере показан тег </code> в действии. </p><pre> <code> <форма> <p> Оставьте свой комментарий: <textarea cols = "60" rows = "5"> напишите здесь...
Атрибуты, специфичные для тегов В следующей таблице показаны атрибуты, относящиеся к тегу </code>. </p> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> <code> автофокус </code> </td> <td> <code> автофокус </code> </td> <td> Указывает, что текстовое поле должно автоматически получать фокус при загрузке документа.</td> </tr> <tr> <td> <code> столбцов </code> </td> <td> <i> номер </i> </td> <td> Задает количество видимых текстовых строк. </td> </tr> <tr> <td> <code> отключен </code> </td> <td> <i> отключен </i> </td> <td> Этот логический атрибут отключает текстовое поле для ввода или взаимодействия пользователя. </td> </tr> <tr> <td> <code> форма </code> </td> <td> <code> идентификатор формы </code> </td> <td> Задает форму, с которой связано текстовое поле i.е. его «владелец формы». </td> </tr> <tr> <td> <code> макс. Длина </code> </td> <td> <i> номер </i> </td> <td> Задает максимальное количество символов, которое пользователь может ввести в текстовое поле. </td> </tr> <tr> <td> <code> мин. Длина </code> </td> <td> <i> номер </i> </td> <td> Задает минимальное количество символов, которое пользователь должен ввести в текстовое поле.</td> </tr> <tr> <td> <code> наименование </code> </td> <td> <i> уникальное имя </i> </td> <td> Присвойте имя элементу управления textarea. </td> </tr> <tr> <td> <code> заполнитель </code> </td> <td> <i> текст </i> </td> <td> Предоставляет пользователю подсказку о том, что можно ввести в текстовое поле. Текст-заполнитель не должен содержать разрывов строки.</td> </tr> <tr> <td> <code> только для чтения </code> </td> <td> <code> только чтение </code> </td> <td> Этот логический атрибут указывает, что пользователь не может изменять значение элемента управления textarea (т. Е. Только для чтения). </td> </tr> <tr> <td> <code> требуется </code> </td> <td> <code> требуется </code> </td> <td> Этот логический атрибут указывает, что пользователь должен заполнить значение перед отправкой формы.</td> </tr> <tr> <td> <code> рядов </code> </td> <td> <i> номер </i> </td> <td> Задает видимую ширину в средней ширине символа. </td> </tr> <tr> <td> <code> обертка </code> </td> <td> <code> жесткий <br/> мягкий </code> </td> <td> Указывает, как значение текстового поля должно быть заключено в оболочку для отправки формы. </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="i-54"> Глобальные атрибуты </span></h3> <p> Как и все другие теги HTML, тег <code> <textarea> </code> поддерживает глобальные атрибуты в HTML5.</p> <hr/> <h3><span class="ez-toc-section" id="i-55"> Атрибуты событий </span></h3> <p> Тег <code> <textarea> </code> также поддерживает атрибуты событий в HTML5. </p> <hr/> <h3><span class="ez-toc-section" id="i-56"> Совместимость с браузером </span></h3> <p> Тег <code> <textarea> </code> поддерживается во всех основных современных браузерах. </p> <table> <tr> <td> </td> <td> <h3><span class="ez-toc-section" id="i-57"> Базовая поддержка — </span></h3> <ul> <li> Firefox 1+ </li> <li> Google Chrome 1+ </li> <li> Internet Explorer 2+ </li> <li> Apple Safari 1+ </li> <li> Opera 4+ </li> </ul> </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="i-58"> Дополнительная литература </span></h3> <p> См. Учебное пособие по теме: Формы HTML.</p> <p> Другие теги, связанные с формами: <code> <form> </code>, <code> <fieldset> </code>, <code> <legend> </code>, <code> <label> </code>, <code> <input> </code>, <code> <select> </code>, <code> <optgroup> </code>, <code> <опция> </code>, <code> <кнопка> </code>. </p> <h2><span class="ez-toc-section" id="_WebPlatform"> текстовых полей · Документы WebPlatform </span></h2> <h3><span class="ez-toc-section" id="i-59"> Сводка </span></h3> <p> Тег textarea определяет элемент управления вводом многострочного текста.</p> <p> Текстовая область может содержать неограниченное количество символов, а текст отображается шрифтом фиксированной ширины (обычно Courier). </p> <h3><span class="ez-toc-section" id="i-60"> Обзорная таблица </span></h3> <dl> <dt> Интерфейс DOM </dt> <dd> HTMLTextAreaElement </dd> </dl> <p> Темы интернационализации, связанные с элементом <code> a </code>: </p> <h3><span class="ez-toc-section" id="i-61"> Примеры </span></h3> <p> В этом примере используется элемент <code> textarea </code> для установки атрибута <strong> overflow </strong> каскадных таблиц стилей (CSS) на <code> hidden </code>, чтобы удалить полосы прокрутки из <code> textarea </code>.</p><pre> <code> <textarea> Состояние пациента стабильное после приступа ненасытные закуски. Использование Для обслуживания международных пользователей см. Управление направлением текста в элементах управления формой. HTML-атрибуты Глобальные атрибуты: accesskey, class, contenteditable, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate См. Глобальные атрибуты. автофокус = логический Позволяет автору указать, что элемент управления должен быть сфокусирован, как только страница загружается. столбцов = неотрицательное целое число указывает ожидаемое максимальное количество символов в строке.по умолчанию это 20. отключено = логическое Если присутствует, сделать элемент управления неинтерактивным и предотвратить отправку его значения. форма = идентификатор элемента формы в владельце элемента Свяжите элемент textarea с его владельцем формы. По умолчанию элемент textarea связан с его ближайшим предком элемента формы. имя = уникальное имя Представляет имя элемента. заполнитель = примерное значение или краткое описание ожидаемого формата Представляет подсказку (слово или короткую фразу), предназначенную для помощи пользователю при вводе данных. Атрибут placeholder не должен использоваться как альтернатива метке. только для чтения = логическое Управляет возможностью редактирования текста пользователем. требуется = логическое Если указано, пользователь должен будет ввести значение перед отправкой формы. строк = действительное неотрицательное целое число Задает количество отображаемых строк. по умолчанию это 2. обертка = «мягкий» / «жесткий» мягкий Состояние Soft указывает, что текст в текстовой области не должен переноситься при отправке (хотя он все еще может быть заключен в оболочку при визуализации). жесткий Состояние Hard указывает, что текст в текстовой области должен иметь новые строки, добавленные пользовательским агентом, чтобы текст был перенесен при отправке. Если атрибут wrap элемента находится в жестком состоянии, необходимо указать атрибут cols. Банкноты Замечания Шрифт по умолчанию — фиксированный. Firefox для Android по умолчанию устанавливает градиент background-image для всех элементов textarea . Это можно отключить с помощью background-image: none . Safari Mobile для iOS применяет стиль по умолчанию с непрозрачностью : 0.4 для отключения textarea элементов. Другие основные браузеры в настоящее время не поддерживают этот стиль по умолчанию. ** Предупреждение о безопасности: ** Неправильное использование этого объекта может поставить под угрозу безопасность вашего приложения. При отправке текста через textarea через интрасеть или Интернет рекомендуется проверка текстовой строки. Например, вы можете проверить строку на наличие ограниченного набора известных хороших значений (таких как буквы и цифры) и проигнорировать остальные. CSS по умолчанию белое пространство: предварительная упаковка; текст-отступ: начальный; Связанные спецификации HTML 5.1 W3C Рабочий проект HTML 5 Рекомендация W3C HTML 4.01 Рекомендация W3C Атрибуты . No related posts.

Атрибут	Значение	Описание
autoсomplete	on off	Этот атрибут определяет, может ли значение элемента быть автоматически дополнено браузером (помощь пользователям в заполнении формы).
autofocus	autofocus	Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы.
cols	number	Определяет видимую ширину текстовой области (в символах). Значение по умолчанию 20 символов.
dirname	textareaname.dir	Определяет специальное имя поля формы, которое используется, чтобы указать направление текста в текстовой области, оно будет подставлено браузером автоматически и отправлено на сервер вместе с формой отправки.
disabled	disabled	Логический атрибут, который указывает, что текстовая область должна быть отключена.
form	form_id	Задает одну или несколько форм к которым элемент принадлежит.
maxlength	number	Указывает максимальное количество символов, которое может содержаться в текстовой области (при достижении заданного числа символов дальнейший ввод невозможен).
minlength	number	Указывает минимальное количество символов, которое может содержаться в текстовой области.
name	text	Определяет имя для текстовой области.
placeholder	text	Указывает текст подсказки, которая описывает ожидаемое значение для ввода пользователем в элемент.
readonly	readonly	Указывает, что текстовая область доступна только для чтения.
required	required	Логический атрибут, который указывает, что текстовая область должна быть заполнена перед тем как форма будет отправлена.
rows	number	Определяет видимое количество строк в текстовой области (в символах). Значение по умолчанию 2 символа.
wrap	hard soft	Определяет, как текст в текстовой области, должен быть перенесён, когда отправляется форма.

Атрибут	Описание
автофокус	Он указывает, что текстовая область должна автоматически фокусироваться при загрузке страницы.
form	Он определяет одну или несколько форм, которым принадлежит текстовое поле.
maxlength	Определяет максимальное количество символов, разрешенное в текстовой области.
заполнитель	Он указывает короткую подсказку, которая описывает ожидаемое значение текстового поля.
требуется	Указывает, что текстовое поле должно быть заполнено.
wrap	Он определяет, как тексты в текстовой области упаковываются во время отправки формы.

Textarea html: Атрибут rows | htmlbook.ru

Тег | htmlbook.ru

Спецификация

Описание

Синтаксис

Атрибуты

Закрывающий тег

Элемент textarea | HTML/xHTML

HTML и CSS с примерами кода

Синтаксис

Атрибуты

autocomplete

autofocus

cols

dirname

disabled

form

maxlength

minlength

name

placeholder

readonly

required

rows

wrap

Спецификации

Описание и примеры

См. также

Ссылки

Тег HTML текстовая область, многострочное поле

Синтаксис

Примеры использования <textarea> в HTML коде

HTML код текстовой области <textarea>

<textarea> с фиксированным размером (no resize textarea)

HTML код <textarea> с фиксированной шириной и высотой

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

Атрибуты тега textarea

Тег textarea

Пример

Определение и использование

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

Различия между HTML 4,01 и HTML5

Атрибуты

Глобальные атрибуты

Атрибуты события

Похожие страницы

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

| Справочник HTML

Синтаксис

Закрывающий тег

Атрибуты

Стилизация по умолчанию

Различия между HTML 4.01 и HTML5

Пример использования:

Спецификации

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

Учебник HTML

Тег | HTML справочник

Значение и применение

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

Атрибуты

Пример использования

Отличия HTML 4.01 от HTML 5

Значение CSS по умолчанию

Поддержка глобальных атрибутов

Атрибуты событий

Вот что вам следует знать »

Для чего используется

Атрибуты HTML5 Атрибуты Textarea: вот что вы должны знать

HTML-тег

Пример HTML-тега

Результат¶

Атрибуты¶

Поддерживающие браузеры

Новые атрибуты HTML 5 Textarea

Атрибут формы HTML Textarea

элементов / текстовое поле — HTML Wiki

HTML-ссылка

Разрешенные атрибуты

Тег textarea HTML — Учебник Republic