HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <input> - Ввод Данных


Пример

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

<form action="form_action.php" method="get">
  Имя: <input type="text" name="fname" /><br />
  Фамилия: <input type="text" name="lname" /><br />
  <input type="submit" value="Отправить" />
</form>

Попробуйте сами »
(еще примеры внизу этой страницы)

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

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

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


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

Internet Explorer Firefox Opera Google Chrome Safari

Тег <input> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

В HTML тег <input> не имеет конечного тега.

В XHTML тег <input> должен быть соответствующим образом закрыт, например так: <input />.


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

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


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

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

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


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

Тег <input> поддерживает следующие стандартные атрибуты:

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

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <input> поддерживает следующие атрибуты событий:

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

Дополнительная информация об Атрибутах Событий.


Примеры

Попробуйте сами - Примеры

Поля для ввода пароля
Как определить поле ввода пароля.

Создание кнопки
Как определить кнопку с вашим собственным текстом.

Форма с флажками
Форма с двумя флажками и кнопкой отправки.

Форма с переключателями
Форма с двумя переключателями и кнопкой отправки.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru