/html/input/type/text:> Однострочное текстовое поле_

Значение text

Синтаксис

HTML
XHTML
<input type="text">

Описание

Тип text (от англ. "text" ‒ «текст») создаёт однострочное текстовое поле.

Внешний вид

  • Внешний вид текстового поля ‒ текстовое поле;
  • Внешний вид текстового поля с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид текстового поля с фокусом ‒ фокус.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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


Сопутствующие атрибуты

autocomplete
Автозаполнение значения текстового поля.
autofocus
Автоматческая фокусировка на текстовом поле после полной загрузки страницы.
dirname
Указывает уникальное имя значения направления вывода текста.
disabled
Блокировка текстового поля.

Внешний вид заблокированного текстового поля disabled="disabled"

form
Присоединение текстового поля к форме.
list
Создание списка рекомендованных вариантов.

Внешний вид текстового поля c вариантами заполнения

maxlength
Задаёт максимально-допустимое количество вводимых символов.
minlength
Задаёт минимально-допустимое количество вводимых символов.
name
Присваивает имя текстовому полю.
pattern
Устанавливает критерий/шаблон ввода.
placeholder
Указывает текст-подсказку для пустого поля.

Внешний вид текстового поля c текстом-подсказкой placeholder="Текст-подсказка"

readonly
Указывает, что текстовое поле доступно только для чтения (изменение/редактирование запрещено).
required
Указывает что текстовое поле обязательно для заполнения.
size
Задаёт ширину текстового поля по количеству вводимых символов.

Внешний вид текстового поля шириной в 10 символов size="10"

value
Указывает значение текстового поля (отправляется на сервер или используется скриптами).

Примечание: Данный атрибут должен иметь значение, которое не содержит символов «LF» ПЕРЕВОД СТРОКИ [U+000A] или «CR» ВОЗВРАТ КАРЕТКИ [U+000D].

Внешний вид текстового поля с введённым значением value="Текст"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение text (input-type)</title>
</head>
<body>
<h1>Пример с однострочным текстовым полем "type=text"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>С чем вы любите кофе?</b></legend>
<label>С <input type="text" name="coffee_value" list="textList" placeholder="Название добавки"></label>
<datalist id="textList">
<option value="мёдом" label="Я люблю кофе с мёдом">
<option value="сахаром" label="Я люблю кофе с сахаром">
<option value="лимоном" label="Я люблю кофе с лимоном">
</datalist>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Значение text (input-type)