Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
Атрибут type
Атрибут type, тега <INPUT>, используется для указания типа элемента формы. В первую очередь эти элементы разделяются по их предназначению, при этом некоторые из них внешне могут выглядеть одинаково (или почти одинаково).
Значения
Значением атрибута является одно из ключевых слов.
| Значения | Пример |
|---|---|
| button — Обычная кнопка. Например, может использоваться для активации скриптов. | |
| checkbox — Флажок. Используется для создания выбора одного и более вариантов из нескольких. | 1 2 3 |
| file — Создает поле для отправки файла пользователем. | |
| hidden — Создание скрытых (невидимых пользователю) элементов формы. Обычно они применяются для отправки служебной информации необходимой для работы программе CGI на сервере. | |
| image — Кнопка-изображение. Используется для изменения внешнего вида кнопки. Она, как и submit, предназначена для отправки данных на сервер. | |
| password — Текстовое поле для ввода конфиденциальной информации, например пароля. Введенная в такое поле информация скрывается под символами кружочков, звездочек и т.д. | Пароль |
| radio — Переключатель. Применяется для создания выбора одного варианта из нескольких. У каждой группы переключателей значение атрибута name должно быть одинаковое. | 1 2 3 |
| reset — Кнопка сброса. Используется для установки значений всех элементов формы в их начальные состояния. | |
| submit — Кнопка для отправки данных формы на сервер. | |
| text — Создает однострочное текстовое поле для ввода любой информации. | Имя |
Значение по умолчанию: text.
Синтаксис
<input type="значение">Обязательный атрибут: нет.
Пример HTML: применение атрибута type
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>seodon.ru - Тег INPUT, атрибут type</title>
</head>
<body>
<form action="files/questions.php">
<p>Ваше имя:<br>
<input type="text" name="name" size="30"><br>
Ваш пол:<br>
<input type="radio" checked name="mankind" value="male">М
<input type="radio" checked name="mankind" value="female">Ж<br>
<p><input type="submit" name="ok" value="Отправить"></p>
</form>
</body>
</html>Поддержка версиями HTML
| Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |