Значение text
Синтаксис
HTML
XHTML
<input type="text">
Описание
Тип text (от англ. "text" ‒ «текст») создаёт однострочное текстовое поле.
Внешний вид
‒ текстовое поле;
‒ наведение курсора;
‒ фокус.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Text Field: INPUT TYPE=TEXT | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.2.1 Control types text input... DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5.1.2 Text (type=text) state and Search state (type=search) | |
| 5.1 | 4.10.5.1.2. Text (type=text) state and Search state (type=search) | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Сопутствующие атрибуты
- autocomplete
- Автозаполнение значения текстового поля.
- autofocus
- Автоматческая фокусировка на текстовом поле после полной загрузки страницы.
- dirname
- Указывает уникальное имя значения направления вывода текста.
- disabled
- Блокировка текстового поля.
disabled="disabled" - form
- Присоединение текстового поля к форме.
- list
- Создание списка рекомендованных вариантов.
- maxlength
- Задаёт максимально-допустимое количество вводимых символов.
- minlength
- Задаёт минимально-допустимое количество вводимых символов.
- name
- Присваивает имя текстовому полю.
- pattern
- Устанавливает критерий/шаблон ввода.
- placeholder
- Указывает текст-подсказку для пустого поля.
placeholder="Текст-подсказка" - readonly
- Указывает, что текстовое поле доступно только для чтения (изменение/редактирование запрещено).
- required
- Указывает что текстовое поле обязательно для заполнения.
- size
- Задаёт ширину текстового поля по количеству вводимых символов.
size="10" - value
- Указывает значение текстового поля (отправляется на сервер или используется скриптами).
Примечание: Данный атрибут должен иметь значение, которое не содержит символов «LF» ПЕРЕВОД СТРОКИ [
U+000A] или «CR» ВОЗВРАТ КАРЕТКИ [U+000D].
value="Текст" - Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, 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>
<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)