input

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

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

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

<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 нужно правильно закрыть.

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

АтрибутЗначениеОписание
acceptMIME_типОпределяет тип файлов, которые можно отправить с помощью функции загрузки файлов (применимо только к type=»file»)
alignleft right top middle bottomУстарел. Используйте CSS
altтекстОпределяет альтернативный текст для поля ввода типа «image» (применимо только к type=»image»)
checkedcheckedЭлемент ввода должен быть выбран заранее до загрузки страницы (применимо только к type=»checkbox» или type=»radio»)
disableddisabledЭлемент ввода должен быть заблокирован при загрузке страницы
maxlengthзначениеОпределяет максимальную длину (в символах) поля ввода (применимо только к type=»text» или type=»password»)
nameназваниеОпределяет название элемента ввода
readonlyreadonlyЭлемент поля только для чтения (применимо только к type=»text» или type=»password»)
sizeзначениеОпределяет размер поля ввода
srcURLОпределяет УРЛ изображения, которое будет использовано в качестве кнопки отправки
typebutton checkbox file hidden image password radio reset submit textОпределяет тип элемента ввода
valueзначениеОпределяет значение элемента ввода

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

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

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

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

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

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