Атрибут type
| 3 | 12 | 1 | 4 | 1 | 1 |
| 3 | 1 | 6 | 1 |
Сообщает браузеру, к какому типу относится элемент формы.
Синтаксис
<input type="
button | checkbox | file | hidden | image | password | radio | reset | submit | text |
color | date | datetime-local | email | number | range | search | tel | time | url | month | week
">| Описание | Пример | |
|---|---|---|
| <тип> | Указывает тип значения. | <размер> |
| A && B | Значения должны выводиться в указанном порядке. | <размер> && <цвет> |
| A | B | Указывает, что надо выбрать только одно значение из предложенных (A или B). | normal | small-caps |
| A || B | Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. | width || count |
| [ ] | Группирует значения. | [ crop || cross ] |
| * | Повторять ноль или больше раз. | [,<время>]* |
| + | Повторять один или больше раз. | <число>+ |
| ? | Указанный тип, слово или группа не является обязательным. | inset? |
| {A, B} | Повторять не менее A, но не более B раз. | <радиус>{1,4} |
| # | Повторять один или больше раз через запятую. | <время># |
Значения
В табл. 1 перечислены возможные значения атрибута type и получаемый вид поля формы.
| Тип | Описание | Вид |
|---|---|---|
| button | Кнопка. | |
| checkbox | Флажки. Позволяют выбрать более одного варианта из предложенных. | Пиво Чай Кофе |
| file | Поле для ввода имени файла, который пересылается на сервер. | |
| hidden | Скрытое поле. Оно никак не отображается на веб-странице. | |
| image | Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер. |  |
| password | Обычное текстовое поле, но отличается от него тем, что все символы показываются звёздочками. Предназначено для того, чтобы никто не подглядел вводимый пароль. | |
| radio | Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных. | Пиво Чай Кофе |
| reset | Кнопка для возвращения данных формы в первоначальное значение. | |
| submit | Кнопка для отправки данных формы на сервер. | |
| text | Текстовое поле. Предназначено для ввода символов с помощью клавиатуры. | |
| color | Виджет для выбора цвета. | |
| date | Поле для выбора календарной даты. | |
| datetime-local | Указание местной даты и времени. | |
| Для адресов электронной почты. | ||
| number | Ввод чисел. | |
| range | Ползунок для выбора чисел в указанном диапазоне. | |
| search | Поле для поиска. | |
| tel | Для телефонных номеров. | |
| time | Для времени. | |
| url | Для веб-адресов. | |
| month | Выбор месяца. | |
| week | Выбор недели. |
Значение по умолчанию
text