Атрибут type
Синтаксис
HTML
XHTML
<input type="[значение]">
Описание
Атрибут / параметр type (от англ. "type" ‒ «тип») указывает тип элемента формы.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Input Field: INPUT | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.4 The INPUT element type = text|password... DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5 The input element The type attribute... |
|
| 5.1 | 4.10.5. The input element The type attribute... |
|
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Значения
- Простая кнопка (без определённого функционала).
type="button" - checkbox
- Флажок, выключатель.
type="checkbox" - color
- Поле выбора цвета.
type="color" - date
- Поле ввода даты.
type="date" - datetime
- Поле ввода даты и времени.
type="datetime" - datetime-local
- Поле ввода локальной даты и времени.
type="datetime-local" - Поле ввода e-mail адреса.
type="email" - file
- Поле выбора/прикрепления файла(-ов).
type="file" - image
- Графическая кнопка отправки данных формы.
type="image" - month
- Поле ввода месяца.
type="month" - number
- Поле ввода числа.
type="number" - password
- Поле ввода пароля.
type="password" - radio
- Переключатель (радио кнопка).
type="radio" - range
- Ползунок.
type="range" - reset
- Кнопка сброса введённых данных формы.
type="reset" - search
- Поле ввода поискового запроса.
type="search" - submit
- Текстовая кнопка отправки данных формы.
type="submit" - tel
- Поле ввода номера телефона.
type="tel" - text
- Однострочное поле ввода текста.
type="text" - time
- Поле ввода времени.
type="time" - url
- Поле ввода URL-адреса.
type="url" - week
- Поле ввода недели.
type="week"
Значение по умолчанию: «text».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "type"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "type"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Параметр type (Элемент input)