Пример
<form action="https://www.wisdomweb.ru/" method="post"> Имя: <input type="text" name="fn" /><br /> Фамилия: <input type="text" name="ln" /><br /> <input type="submit" value="Отправить данные" /> </form>
Тэг <input> используется для сбора пользовательской информации в формах.
В зависимости от значения атрибута type данный тэг значительно изменяет свое поведение, к примеру он может принимать вид: текстового поля, радио-кнопки, кнопки отправления, поля для ввода пароля и т.д.
В поле DTD указаны DTD в которых эти атрибуты можно использовать. Более подробно о видах DTD можно почитать здесь: HTML 4.01 и XHTML 1.0 DTD. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (фреймовый).
Тэг <input> имеет следующие атрибуты:
| Атрибуты | Значение | Описание | DTD |
|---|---|---|---|
| alt | текст | Устанавливает альтернативный текст картинки (только для type="image"). | STF |
| checked | checked | Определяет этот элемент выбранным по умолчанию (только для 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 | число | Указывает ширину элемента в символах. | STF |
| src | URL | Указывает URL картинки которая будет отображаться как кнопка отправления. | STF |
| type | button checkbox file hidden image password radio reset submit text |
Указывает тип элемента ввода. | STF |
| value | значение | Устанавливает значение для элемента ввода. | 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 |
