input

HTML тег input— это тег применяется в формах для получения информации от пользователя. Такие поля ввода значительно могут отличаться между собой в зависимости от атрибута type — могут быть text, checkbox, radio, password, button и др. Для того, чтобы подписать такие теги нужно использовать тег label — который добавит подпись к полям ввода.

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

ie IE operaOpera chromeChrome firefoxFirefox safariSafari
+ + + + +

Пример

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

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

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

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

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

Атрибут Значение Описание
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 скрипт Скрипт будет выполнен при выборе элемента
Просмотров: 20

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *