Type атрибут поля ввода input

Что такое атрибут type, где устанавливается, зачем используется атрибут type. Примеры атрибутов type.

Об атрибутах type

1. Что такое атрибут type
2. Все типы атрибутов type

Что такое атрибут type

Атрибут type показывает браузеру, к какому типу данное поля ввода(например input) относится.

Синтаксис атрибут type

Для того, чтобы понять, что же такое атрибут type рассмотрим пример синтаксиса тега input с атрибутом type:

<input type="значение"> Результат:

Тег input и атрибут type

В зависимости от типа атрибута :

Вид тега "input" будет отличаться!

И предназначение также будет отличаться.

Данный тег единственный с таким количеством возможных вариантов наличия атрибутов:

Например, если мы изменим тип атрибута на "radio"

<input type="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