English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Тег HTML <input> является контролом ввода, предоставляющим пользователю интерактивный элемент для ввода данных. Традиционно, тег <input> находится внутри тега <form> и может быть настроен с помощью свойства type для представления текстового поля, флажка, выпадающего списка, кнопки и других элементов ввода. Этот тег также часто называют элементом <input>.
Простая HTML-форма, включающая два текстовых поля ввода и кнопку отправки:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Использование тега HTML5 footer (базовый курс на сайте oldtoolbag.com)</title> </head> <body> <h1>oldtoolbag.com базовый курс</h1> <form action="demo-form.php" method="post"> Компания: <input type="text" name="company"><br> Адрес: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>Проверьте, посмотрите ‹/›
В этом примере документа HTML5 мы использовали тег <form> для создания HTML-формы. Форма включает два контрола <input> для компании и адреса, а также контрол <input> для кнопки отправки.
IEFirefoxOperaChromeSafari
В настоящее время большинство браузеров поддерживают тег <input>.
Тег <input> определяет поле ввода данных, в котором пользователь может вводить информацию.
элемент <input> используется в элементе <form> для объявления input контроллера, который позволяет пользователю вводить данные.
с помощью установления атрибута type, элемент <input> может стать текстовым полем, флажком, радио-кнопкой, спин-боксом, кнопкой, полем пароля и т.д.!
внимание: элемент <input> пуст, он содержит только атрибуты тега.
подсказка: Вы можете использовать <label> элемент для определения метки элемента <input>.
В HTML 4.01, данные "align" уже не используются. В HTML5 этот атрибут не поддерживается. Использование CSS для определения способа выравнивания элемента <input>.
В HTML5, к тегу <input> добавлены несколько атрибутов и их значений.
В HTML, тег <input> не имеет завершающего тега.
В XHTML, тег <input> должен быть правильно закрыт.
New : новый тег HTML5.
| атрибут | значение | описание |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | определяет тип файла, который можно отправить через загрузку файла. (только для type="file") |
| align | left right top middle bottom | HTML5弃用, не рекомендуется использовать. Определяет способ выравнивания изображения ввода. (только для type="image") |
| alt | text | определяет текстовую замену для изображения ввода. (только для type="image") |
| autocompleteHTML5 | on off | autocomplete атрибут определяет, должна ли быть включена функция автоматического завершения ввода для поля ввода элемента <input>. |
| autofocusHTML5 | autofocus | атрибут определяет, что элемент <input> должен автоматически получить фокус при загрузке страницы. |
| checked | checked | checked атрибут определяет элемент <input>, который должен быть предварительно выбран при загрузке страницы. (только для type="checkbox" или type="radio") |
| dirnameHTML5 | inputname.dir | определяет текстовый方向, который должен быть использован для отправки. |
| disabled | disabled | disabled атрибут определяет элемент <input>, который должен быть заблокирован. |
| formHTML5 | form_id | form атрибут определяет одну или несколько форм, к которым принадлежит элемент <input>. |
| formactionHTML5 | URL | Атрибут определяет URL обработки файлов ввода при отправке формы. (только для type="submit" и type="image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | Атрибут определяет способ кодирования данных формы перед отправкой на сервер (только для type="submit" и type="image"). |
| formmethodHTML5 | get post | Определяет HTTP-метод для отправки данных формы в URL действия. (только для type="submit" и type="image"). |
| formnovalidateHTML5 | formnovalidate | Атрибут formnovalidate заменяет атрибут novalidate элемента <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | Определяет имя или ключевое слово, где будет отображаться полученный ответ после отправки формы. (только для type="submit" и type="image"). |
| heightHTML5 | пиксели | Определяет высоту элемента <input> (только для type="image"). |
| listHTML5 | datalist_id | Атрибут ссылается на элемент <datalist>, который содержит предопределенные значения для элемента <input>. |
| maxHTML5 | number date | Атрибут определяет максимальное значение для элемента <input>. |
| maxlength | number | Атрибут определяет максимальное количество символов, которые можно ввести в элемент <input>. |
| minHTML5 | number date | Атрибут определяет минимальное значение для элемента <input>. |
| multipleHTML5 | multiple | Атрибут позволяет вводить несколько значений в элемент <input>. |
| name | text | Атрибут name указывает имя элемента <input>. |
| patternHTML5 | regexp | Атрибут pattern определяет регулярное выражение для проверки значения элемента <input>. |
| placeholderHTML5 | text | Атрибут placeholder определяет краткое описание ожидаемого значения поля ввода <input>. . |
| readonly | readonly | Атрибут readonly делает поле ввода только для чтения. |
| requiredHTML5 | required | Атрибут указывает, что поля ввода должны быть заполнены перед отправкой формы. |
| size | number | Атрибут size определяет видимое расстояние в символах для элемента <input>. |
| src | URL | Атрибут src определяет URL изображения, которое будет отображаться как кнопка для отправки. (только для type="image") |
| stepHTML5 | number | Свойство step specifies the legal numeric step for the <input> element. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Свойство type определяет тип элемента <input>. |
| value | text | Указывает значение value элемента <input>. |
| widthHTML5 | пиксели | Свойство width определяет ширину элемента <input>. (только для type="image") |
<input> тег поддерживает глобальные свойства, см. полный список свойств Глобальные свойства HTML.
<input> тег поддерживает все Свойства событий HTML.