| 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 |
Опис
повідомляє браузеру, до якого типу належить елемент форми.
Синтаксис
| HTML | <input type="button | checkbox | file | hidden | image | password | radio | reset | submit | text"> |
| XHTML | <input type="button | checkbox | file | hidden | image | password | radio | reset | submit | text"/> |
Обов'язковий атрибут
Так
Значення
В табл. 1 перераховані можливі значення атрибута type і одержуваний вигляд поля форми.
| Тип | Опис | Вигляд |
|---|---|---|
| button | Кнопка. | |
| checkbox | Прапорці. Дозволяють вибрати більше одного варіанта із запропонованих. | Пиво Чай Кава |
| file | Поле для введення імені файлу, який пересилається на сервер. | |
| hidden | Приховане поле. Воно ніяк не відображається на веб-сторінці. | |
| image | Поле із зображенням. При натисканні на малюнок дані форми відправляються на сервер. |  |
| password | Звичайне текстове поле, але відрізняється від нього тим, що всі символи показуються зірочками. Призначено для того, щоб ніхто не підгледів вводиться пароль. | |
| radio | Перемикачі. Використовуються, коли варто вибрати один варіант з кількох запропонованих. | Пиво Чай Кава |
| reset | Кнопка для повернення даних форми в початкове значення. | |
| submit | Кнопка для відправки даних форми на сервер. | |
| text | Текстове поле. Призначено для введення символів за допомогою клавіатури. |
В HTML5 додані нові значення, представлені в табл. 2.
| Тип | Опис |
|---|---|
| color | Віджет для вибору кольору. |
| date | Поле для вибору календарної дати. |
| datetime | Вказівка дати і часу. |
| datetime-local | Вказівка місцевої дати і часу. |
| Для адрес електронної пошти. | |
| number | Введення чисел. |
| range | Повзунок для вибору чисел в зазначеному діапазоні. |
| search | Поле для пошуку. |
| tel | Для телефонних номерів. |
| time | Для часу. |
| url | Для веб-адрес. |
| month | Вибір місяця. |
| week | Вибір тижні. |
Підтримка цих значень браузерами показана в табл. 3.
| Значення | Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| color | 21.0 + | 11.01 + | |||||
| date | 5.0 + | 10.62 + | 5.0 + | 5.0 + | |||
| datetime | 5.0 + | 10.62 + | 5.0 + | 5.0 + | |||
| datetime-local | 5.0 + | 10.62 + | 5.0 + | 5.0 + | |||
| 10.0 | 5.0 + | 10.62 + | 5.0 + | 4.0 + | 2.3 + | 3.1 + | |
| month | 5.0 + | 10.62 + | 5.0 + | 5.0 + | |||
| number | 10.0 | 6.0 + | 10.62 + | 5.0 + | 2.3 + | 4.0 + | |
| range | 10.0 | 5.0 + | 10.62 + | 5.0 + | 23.0 + | 5.0 + | |
| search | 10.0 | 5.0 + | 11.01 + | 5.0 + | 4.0 + | 4.0 + | |
| tel | 10.0 | 5.0 + | 11.01 + | 5.0 + | 4.0 + | 3.1 + | |
| time | 5.0 + | 10.62+ | 5.0 + | 5.0 + | |||
| url | 10.0 | 5.0 + | 10.62 + | 5.0 + | 4.0 + | 2.3 + | 3.1 + |
| week | 5.0 + | 10.62 + | 5.0 + | 5.0 |
Значення за умовчанням
text
Приклад 1
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Тег input, атрибут type </title> </head> <body> <form action="input10.php"> <p> <input type="radio" name="drink" value="rad1"> Пиво <Br> <input type="radio" name="drink" value="rad2"> Чай <Br> <input type="radio" name="drink" value="rad3"> Кава </p> <p> <input type="image" src="images/imgbutton.gif"> </p> </form> </body> </html>
Приклад 2
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Тег input, атрибут type </title> </head> <body> <form> <p> Введіть число від 1 до 10 </p> <p> <input type="range" min="1" max="10"> </p> </form> </body> </html>