пример
HTML форма с тремя полями ввода; два текстовых поля и одна кнопка отправки:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Попробуй сам " Определение и использование
<input> тег определяет поле ввода , в котором пользователь может ввести данные.
<вход> элементы используются в <form> элемента объявить входные элементы управления , которые позволяют пользователям вводить данные.
Поле ввода может варьироваться разными способами, в зависимости от type атрибута.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <input> | да | да | да | да | да |
Советы и примечания
Примечание: <input> элемент пуст, он содержит только атрибуты.
Совет: Используйте <label> элемент для определения меток <input> элементов.
Отличия между HTML 4.01 и HTML5
"align" атрибут не поддерживается в HTML5.
В HTML5, то <input> тег имеет несколько новых атрибутов, а type атрибута имеет несколько новых значений.
Отличия между HTML и XHTML
В HTML, то <input> тег не имеет конечного тега.
В XHTML, то <input> тег должен быть надежно закрыт, как этот <input /> .
Атрибуты
= Новое в HTML5.
| Атрибут | Стоимость | Описание |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Задает типы файлов , которые принимает сервер (только для type="file" ) |
| align | left right top middle bottom | Не поддерживается в HTML5. Определяет выравнивание входного изображения (только для type="image" ) |
| alt | text | Задает альтернативный текст для изображений (только для type="image" ) |
| autocomplete | on off | Указывает ли <input> должен автоподсказкой элемент |
| autofocus | autofocus | Указывает , что <input> элемент должен автоматически получать фокус при загрузке страницы |
| checked | checked | Указывает , что <input> элемент должен быть предварительно выбран при загрузке страницы (для type="checkbox" или type="radio" ) |
| dirname | inputname.dir | Указывает, что направление текста будет представлен |
| disabled | disabled | Указывает , что <input> элемент должен быть отключен |
| form | form_id | Задает один или несколько , формирует <input> принадлежит элемент к |
| formaction | URL | Задает URL - адрес файла , который будет обрабатывать входной контроль , когда форма представляется (для type="submit" и type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Определяет , как форм-данные должны быть закодированы при подаче его на сервер (для type="submit" и type="image" ) |
| formmethod | get post | Определяет метод HTTP для отправки данных в URL действия ( type="submit" и type="image" ) |
| formnovalidate | formnovalidate | Определяет, что элементы формы не должны быть проверены при представлении |
| formtarget | _blank _self _parent _top framename | Определяет , где отображать ответ, полученный после отправки формы (для type="submit" и type="image" ) |
| height | pixels | Определяет высоту с <input> элемента (только для type="image" ) |
| list | datalist_id | Относится к <datalist> элемент , который содержит предварительно определенные параметры для <input> элемента |
| max | number date | Определяет максимальное значение для <input> элемента |
| maxlength | number | Задает максимальное допустимое количество символов в <input> элемента |
| min | number date | Определяет минимальное значение для <input> элемента |
| multiple | multiple | Указывает , что пользователь может ввести более одного значения в <input> элемента |
| name | text | Задает имя с <input> элемента |
| pattern | regexp | Задает регулярное выражение , что <input> значение элемента проверяется |
| placeholder | text | Задает краткую подсказку , которая описывает ожидаемое значение в <input> элемента |
| readonly | readonly | Указывает, что поле ввода только для чтения |
| required | required | Указывает, что поле ввода необходимо заполнить перед отправкой формы |
| size | number | Определяет ширину, в символах, с <input> элемента |
| src | URL | Определяет URL изображения для использования в качестве кнопки отправки (только для type="image" ) |
| step | number | Определяет интервалы юридических номер для поля ввода |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Определяет тип <input> элемент для отображения |
| value | text | Задает значение какого - либо <input> элемента |
| width | pixels | Определяет ширину <input> элемента (только для type="image" ) |
Глобальные атрибуты
<input> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<input> тег также поддерживает Атрибуты событий в HTML .
Похожие страницы
HTML DOM ссылка:
- Кнопка ввода объекта
- Ввод объекта Checkbox
- Входной Цвет объекта
- Ввод объекта Date
- Ввод объекта Datetime
- Ввод объекта DatetimeLocal
- Ввод объекта E - mail
- Ввод объекта FileUpload
- Ввод скрытых объектов
- Ввод объекта изображения
- Ввод объекта Месяц
- Ввод номера объекта
- Введите пароль объекта
- Диапазон входного объекта
- Ввод объекта Радио
- Вход сброса объекта
- Ввод объекта Поиск
- Ввод объекта Добавить
- Ввод текста объекта
- Ввод объекта Время
- Ввод URL объекта
- Ввод объекта Неделя
Настройки по умолчанию CSS
Никто.