Type атрибут поля ввода input
Что такое атрибут type, где устанавливается, зачем используется атрибут type. Примеры атрибутов type.
Об атрибутах type
Что такое атрибут type
Атрибут type показывает браузеру, к какому типу данное поля ввода(например input) относится.
Синтаксис атрибут type
Для того, чтобы понять, что же такое атрибут type рассмотрим пример синтаксиса тега input с атрибутом type:
Тег input и атрибут type
В зависимости от типа атрибута :
Вид тега "input" будет отличаться!
И предназначение также будет отличаться.
Данный тег единственный с таким количеством возможных вариантов наличия атрибутов:
Например, если мы изменим тип атрибута на "radio"
Результат применения атрибута : type
То получится "радиоточка", поле выбора radio
Весь список типов атрибутов смотри ниже.
Как атрибут type используется на сайте?
Для того, чтобы это использовать, нужно еще немного кода, например использовать post.
Чтобы посмотреть, как это должно работать, то в теме radio есть пример - "тестирование самой простой кнопки радио".
Все типы атрибутов type
Все типы атрибутов поля ввода. Слева, если есть отдельная страница, то будет ссылка нее!
| Значение |  Chrome |  Firefox |  Opera |  Safari |  IExplorer |  Edge |
|---|---|---|---|---|---|---|
| button | Да | Да | Да | Да | Да | Да |
| checkbox | Да | Да | Да | Да | Да | Да |
color | 20.0 | 29.0 | 17.0* | Нет | Нет | 14.0 |
| date | 20.0 | Нет | 10.1 | Нет | Нет | 12.0 |
| datetime-local | 20.0 | Нет | 10.1 | Нет | Нет | 13.0 |
| email | 5.0 | 4.0 | 10.1 | 3.2 | 10.0 | 12.0 |
| file | Да | Да | Да | Да | Да | Да |
| hidden | Да | Да | Да | Да | Да | Да |
| image | Да | Да | Да | Да | Да | Да |
| month | 20.0 | Нет | 10.1 | Нет | Нет | 12.0 |
| number | 6.0 | 29.0 | 10.1 | 5.0 | 10.0 | 12.0 |
| password | Да | Да | Да | Да | Да | Да |
| radio | Да | Да | Да | Да | Да | Да |
| range | 4.0 | 23.0 | 10.1 | 3.1 | 10.0 | 12.0 |
| reset | Да | Да | Да | Да | Да | Да |
| search | 4.0 | 4.0 | 12.1 | 5.1 | 10.0 | 12.0 |
| submit | Да | Да | Да | Да | Да | Да |
| tel | 5.0 | 4.0 | 10.1 | 3.2 | 10.0 | 12.0 |
| text (по умолчанию) | Да | Да | Да | Да | Да | Да |
| time | 20.0 | Нет | 10.1 | Нет | Нет | 13.0 |
| url | 5.0 | 4.0 | 10.1 | 3.2 | 10.0 | 12.0 |
| week | 20.0 | Нет | 10.1 | Нет | Нет | 12.0 |