HTML 5 тег, определяющий поле ввода или кнопку

Тег <input />

Тег <input /> создает поле для ввода данных или кнопку:

<html>

          <body>

          <form action="">

          <input type="radio" name="Sex" value="Мужской" checked="checked" /> Мужчина<br />

          <input type="radio" name="Sex" value="Женский" /> Женщина<br />

          <input type="text" size="20" value="Россия" /> Страна<br />

          <input type="text" size="20" /> Город<br /><br />

          <input type="image" src="../images/input_img.png" /><br />

          </form>

          </body>

          </html>

Результат:

Атрибуты и значения

Атрибут 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 – указывает тип тега <input /> (text – по умолчанию).
Атрибут src="" – указывает url изображения-кнопки, применяется совместно с type="image".
Флажок checked="checked" – устанавливает для примера одно из предложенных значений, применяется совместно с type="checkbox" или type="radio".
Атрибут name="" – присваивает имя элементу. Используется для идентификации полученной информации при обработке данных.
Атрибут value="" используется в различных целях: надписует кнопки (если применяется совместно с type="submit" или с type="reset"), хранит некоторые значения, которые отправляются на обработку (если применяется совместно с type="checkbox" или с type="radio"), устанавливает значения по умолчанию для текстовых полей ввода данных (если применяется совместно с type="text" или с type="password").
Атрибут size="20" – устанавливает длину текстового поля в символах.
Флажок required="required" – определяет обязательное для заполнение поле.
Атрибут autocomplete="" со значениями on, off – говорит браузеру сохранять или не сохранять введенные пользователем данные в поля формы. Другими словами, данные автоматически отобразятся в текстовом поле формы, при повторной попытке ввода, если установлено значение on.
Флажок multiple="multiple" – разрешает выбирать более одного значения из списка.
Атрибут min="6" – устанавливает минимально допустимое количество вводимых символов.
Атрибут max="20" – устанавливает максимально допустимое количество вводимых символов.
Атрибут maxlength="30" – устанавливает максимально допустимое количество вводимых в текстовое поле символов.
Атрибут height="" – определяет высоту поля в пикселях или в процентах.
Атрибут width="" – определяет ширину поля в пикселях или в процентах.
Атрибут form="имя формы" – указывает имя формы, которой принадлежит элемент <input />.
Атрибут formmethod="" со значениями get, post, put, delete – определяет метод отправки данных на обработку по обозначенному url. Имеет преимущество перед атрибутом method="" тега <form>.
Атрибут formaction="url" – определяет url, по которому будут отправлены данные. Имеет преимущество перед атрибутом action="" тега <form>.
Атрибут list="" – смотрите теги <datalist> </datalist>.

Дополнительно смотрите урок HTML формы.

В XHTML спецификации также присутствует тег <input />, но он не имеет некоторых, представленных здесь, атрибутов и значений.

А Б В Г Д Е Ж З И К Л М Н О П С

Автор проекта - Вася Митин | Дата публикации: Февраль 2010 | Обновление: Ноябрь 2018

HTML 5 справочник | Теги <input /> Теги <ins> </ins>