Атрибут type определяет тип элемента формы, к примеру, кнопка, поле для ввода текста, календарь и др.
Синтаксис
<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">
Значения
В табл. 1 перечислены возможные значения атрибута type и получаемый вид поля формы.
Значение по умолчанию
text
Пример
<!DOCTYPE html>
<html lang="ru">
<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="image/imgbutton.png" width="120"></p>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<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>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.