Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут 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" "http://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.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа