Тег <input>

"Input". Тег <input> - самый распространенный тег формы. Вид и предназначение "тега <input>" - зависит от типа.

Подробно о теге <input>

1. Что такое тег <input> + синтаксис
2. Атрибуты тега <input>

Что такое тег <input> + синтаксис

Дадим определение : "Что такое тег <input> + синтаксис"

Тег <input> - это поле ввода данных.

Тег <input> синтаксис

Тег <input> - является одинарным тегом.
<input>

Чем определяется вид тега <input>

Тег <input> - это единственный тег, который сможет менять свойий вид и предназначение в зависимости от типа.

Пример тега <input> по умолчанию

Если мы сейчас выведем вот такой input без типа(добавим placeholder)

<input placeholder="input по умолчанию">

то увидим поле ввода:

Пример тега <input> с типом

Добавим к выше приведенному тегу <input>, ну например тип radio

<input type="radio">

то увидим "радиоточку":




Атрибуты тега <input>

Список всех атрибутов тега <input>:

Атрибут тега <input> - accept.

Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.

Атрибут тега <input> - accesskey.

Переход к элементу с помощью комбинации клавиш.

Атрибут тега <input> - align.

Определяет выравнивание изображения.

Атрибут тега <input> - alt.

Альтернативный текст для кнопки с изображением.

Атрибут тега <input> - autocomplete.

Включает или отключает автозаполнение.

Атрибут тега <input> - autofocus.

Устанавливает фокус в поле формы.

Атрибут тега <input> - border.

Толщина рамки вокруг изображения.

Атрибут тега <input> - checked.

Предварительно активированный переключатель или флажок.

Атрибут тега <input> - disabled.

Блокирует доступ и изменение элемента.

Атрибут тега <input> - form.

Связывает поле с формой по её идентификатору.

Атрибут тега <input> - formaction.

Определяет адрес обработчика формы.

Атрибут тега <input> - formenctype.

Устанавливает способ кодирования данных формы при их отправке на сервер.

Атрибут тега <input> - formmethod.

Сообщает браузеру каким методом следует передавать данные формы на сервер.

Атрибут тега <input> - formnovalidate.

Отменяет встроенную проверку данных на корректность.

Атрибут тега <input> - formtarget.

Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы.

Атрибут тега <input> - list.

Указывает на список вариантов, которые можно выбирать при вводе текста.

Атрибут тега <input> - max.

Верхнее значение для ввода числа или даты.

Атрибут тега <input> - maxlength.

Максимальное количество символов разрешенных в тексте.

Атрибут тега <input> - min.

Нижнее значение для ввода числа или даты.

Атрибут тега <input> - multiple.

Позволяет загрузить несколько файлов одновременно.

Атрибут тега <input> - {name}.

Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

Атрибут тега <input> - pattern.

Устанавливает шаблон ввода.

Атрибут тега <input> - placeholder.

Выводит подсказывающий текст.

Атрибут тега <input> - readonly.

Устанавливает, что поле не может изменяться пользователем.

Атрибут тега <input> - required.

Обязательное для заполнения поле.

Атрибут тега <input> - size.

Ширина текстового поля.

Атрибут тега <input> - src.

Адрес графического файла для поля с изображением.

Атрибут тега <input> - step.

Шаг приращения для числовых полей.

Атрибут тега <input> - tabindex.

Определяет порядок перехода между элементами с помощью клавиши Tab.

Атрибут тега <input> - type.

Сообщает браузеру, к какому типу относится элемент формы.

Атрибут тега <input> - value.

Значение элемента.