Пример
<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 данный тэг значительно изменяет свое поведение, к примеру он может принимать вид: текстового поля, радио-кнопки, кнопки отправления, поля для ввода пароля и т.д.
В HTML5 у элемента input появились новые атрибуты, а у его атрибута type появились новые значения.
Примеры с использованием новых атрибутов Вы можете найти в нашем HTML5 учебнике.
В поле Изменения Вы можете узнать какие изменения произошли с данным атрибутом в HTML5.
Возможные значения:
| Атрибуты | Значение | Описание | Изменения |
|---|---|---|---|
| alt | текст | Устанавливает альтернативный текст для картинки (применяется только для type="image"). | - |
| autocomplete | autocomplete | Активирует возможность автозаполнения поля. | Добавлен |
| autofocus | autofocus | Указывает, что данный элемент должен быть активным сразу после загрузки страницы. | Добавлен |
| checked | checked | Определяет этот элемент выбранным по умолчанию (применяется только для type="checkbox" и type="radio"). | - |
| disabled | disabled | Указывает, что элемент должен быть неработоспособным. | - |
| form | идентификатор формы | Указывает одну или несколько форм, к которым принадлежит данный элемент. | Добавлен |
| formaction | URL | Указывает адрес, на который должны отсылаться данные формы (только для type="submit" и type="image"). | Добавлен |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Указывает как должны кодироваться данные формы перед отправкой (только для type="submit" и type="image"). | Добавлен |
| formmethod | GET POST |
Указывает способ отправки данных формы (только для type="submit" и type="image"). | Добавлен |
| formnovalidate | formnovalidate | Указывает, что данные формы не должны проверяться перед отправкой. | Добавлен |
| formtarget | _blank _self _parent _top имя фрейма |
Указывает, где должен отображаться ответ сервера после отправки формы (только для type="submit" и type="image"). | Добавлен |
| height | пиксели | Устанавливает высоту элемента (только для type="image"). | Добавлен |
| list | идентификатор элемента datalist | Позволяет привязать элемент datalist к элементу <input>. | Добавлен |
| max | число дата |
Указывает максимальное число или дату, которую можно ввести в поле ввода. | Добавлен |
| maxlength | число | Устанавливает максимальную длину поля в символах (только для type="text" и type="password"). | - |
| min | число дата |
Указывает минимальное число или дату, которую можно ввести в поле ввода. | Добавлен |
| multiple | multiple | Указывает, что в данное поле можно ввести несколько значений. | Добавлен |
| name | имя | Указывает имя элемента <input>. | - |
| pattern | регулярное выражение | Задает регулярное выражение, с которым должно быть сверено значение элемента <input> пред отправкой. | Добавлен |
| placeholder | текст | Устанавливает текст-подсказку, который будет отображаться в элементе <input> пока он не активен. | Добавлен |
| readonly | readonly | Указывает, что это поле может быть использовано только для чтения т.е. его нельзя редактировать (только для type="text" и type="password"). | - |
| required | required | Указывает, что данное поле обязательно должно быть заполнено перед отправлением формы. | Добавлен |
| size | число | Устанавливает ширину элемента в символах. | - |
| src | URL | Указывает URL картинки, которая будет отображаться как кнопка отправления (только для type="image"). | - |
| step | число | Устанавливает ширину шага для элемента <input>. | Добавлен |
| type | button checkbox color *новое date *новое datetime *новое datetime-local *новое email *новое file hidden image *новое month *новое number *новое password radio range *новое reset search *новое submit tel *новое text time *новое url *новое week *новое |
Указывает тип элемента ввода. Примеры с использованием новых типов Вы можете найти в нашем HTML5 учебнике. | Добавлены новые значения |
| value | значение | Устанавливает значение элемента <input>. | - |
| width | пиксели | Устанавливает ширину элемента (только для type="image"). | Добавлен |
