Описание тега input-field
В <input> тег определяет поле ввода, в которое пользователь может вводить данные.
<input> элементы используются в <form> элемент для объявления элементов управления вводом, которые позволяют пользователям вводить данные.
Поле ввода может отличаться по-разному, в зависимости от атрибута типа.
Поддержка браузера
https://stackru.com/images/0d09f7e4c8651b8f849c33ec35eaaa8ac739bd1f.gif https://stackru.com/images/64bd16fc17e53a0781e41f5809affe3b9c725f4a.gif https://stackru.com/images/f828feef4431e29ac71fdb89d0b8dbfef9cf4025.gif http://www.w3schools.com/images/compatible_safari.gif https://stackru.com/images/ba5aa1c645c07140423c38c435afd417af9f041b.gif
Советы и примечания
Примечание.<input> элемент пустой, он содержит только атрибуты.
Совет: используйте<label> элемент для определения меток для <input> элементы.
Type Значения атрибутов
button
Определяет интерактивную кнопку (в основном используется с JavaScript для активации скрипта)
checkbox
Определяет флажок
color
Определяет палитру цветов
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
date
Определяет элемент управления датой (год, месяц и день (без времени))
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
datetime-local
Определяет дату и время (год, месяц, день, час, минута, секунда и доли секунды (без часового пояса)
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
Определяет поле для адреса электронной почты
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
file
Определяет поле выбора файла и Browse... кнопку (для загрузки файлов)
hidden
Определяет скрытое поле ввода
image
Определяет изображение как кнопку отправки
month
Определяет месяц и год (без часового пояса)
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
number
Определяет поле для ввода числа
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
password
Определяет поле пароля (символы замаскированы)
radio
Определяет переключатель
range
Определяет элемент управления для ввода числа, точное значение которого не важно (например, ползунок)
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
reset
Определяет кнопку сброса (сбрасывает все значения формы до значений по умолчанию)
search
Определяет текстовое поле для ввода строки поиска
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
submit
Определяет кнопку отправки
tel
Определяет поле для ввода телефонного номера
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
text
По умолчанию. Определяет однострочное текстовое поле (ширина по умолчанию - 20 символов)
time
Определяет элемент управления для ввода времени (без часового пояса)
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
url
Определяет поле для ввода URL
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
week
Определяет контроль недели и года (без часового пояса)
https://stackru.com/images/a27630e399a7d1a3284fcf464b653de224a7da2c.png
Относится к: