input

Поддержка браузеров

IE Opera Chrome Firefox Safari
+ + + + +

Пример

Простая форма с двумя полями и одной кнопкой:

<form action="form_action.php" method="get">
         First name: <input type="text" name="fname" /><br />
         Last name:  <input type="text" name="lname" /><br />
             <input type="submit" value="Submit" />
</form>

Описание и использование

Тег <input> используется для выбора информации от юзера.

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

Разница между HTML и XHTML

В HTML тег <input> не имеет закрывающего тега.

В XHTML тег <input> должен быть правильно закрыт.

Советы и примечания

Совет: Используйте тег <label> для определения ярлыков элементов ввода.

Необязательные атрибуты

АтрибутЗначениеОписание
accept MIME_тип Определяет тип файлов, которые можно отправить с помощью функции загрузки файлов (применимо только к type="file")
align left right top middle bottom Устарел. Используйте CSS
alt текст Определяет альтернативный текст для поля ввода типа "image" (применимо только к type="image")
checked checked  Элемент ввода должен быть выбран заранее до загрузки страницы (применимо только к type="checkbox" или type="radio")
disabled disabled Элемент ввода должен быть заблокирован при загрузке страницы
maxlength значение Определяет максимальную длину (в символах) поля ввода (применимо только к type="text" или type="password")
name название Определяет название элемента ввода
readonly readonly Элемент поля только для чтения (применимо только к type="text" или type="password")
size значение Определяет размер поля ввода
src URL Определяет УРЛ изображения, которое будет использовано в качестве кнопки отправки
type button checkbox file hidden image password radio reset submit text Определяет тип элемента ввода
value значение Определяет значение элемента ввода

 

Стандартные атрибуты

АтрибутЗначениеОписание
accesskey буква Определяет клавишную комбинацию для получения доступа к элементу
class имя_класса Определяет имя класса для элемента
dir rtl ltr Определяет направление текста для контента в элементе
id id Определяет уникальный id для элемента
lang код_языка Определяет код языка для контента в элементе
style определение_стиля Определяет инлайновый стиль для элемента
tabindex номер Определяет порядок переноса фокуса в окне с одного элемента управления на другой при нажатии клавиши TAB
title текст Определяет дополнительную информацию об элементе
xml:lang код_языка Определяет код языка для контента в элементе, в XHTML документах

 

Событийные атрибуты

АтрибутЗначениеОписание
onblur скрипт Скрипт будет выполнен после потери элементом фокуса
onchange скрипт Скрипт будет выполнен при изменении элемента
onclick скрипт Скрипт будет выполнен при клике
ondblclick скрипт Скрипт будет выполнен при двойном клике
onfocus скрипт Скрипт будет выполнен при получения фокуса
onmousedown скрипт Скрипт будет выполнен при нажатии кнопки мышки
onmousemove скрипт Скрипт будет выполнен при движении курсора мышки
onmouseout скрипт Скрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseover скрипт Скрипт будет выполнен, когда курсор мышки находится над элементом
onmouseup скрипт Скрипт будет выполнен, когда кнопка мышки будет отпушена
onkeydown скрипт Скрипт будет выполнен при нажатии клавиши
onkeypress скрипт Скрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyup скрипт Скрипт будет выполнен при разжатии клавиши
onselect скрипт Скрипт будет выполнен при выборе элемента
^ Наверх ^