input

Обновлено: 13.01.2023

<input>

<input> (от англ. input — ввод) является одним из разносторонних элементов формы и позволяет создавать разные части интерфейса и обеспечивать взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.

Основной атрибут <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file), кнопка с изображением (image) и др. Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено ещё более десятка новых элементов.

Синтаксис

<input>

Закрывающий тег

Не требуется.

Атрибуты

  • Атрибут accept

    Атрибут accept

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

  • Атрибут align

    Атрибут align
    Устарел

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

  • Атрибут alt

    Атрибут alt

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

  • Атрибут autocomplete

    Атрибут autocomplete
    HTML5

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

  • Атрибут autofocus

    Атрибут autofocus
    HTML5

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

  • Атрибут border

    Атрибут border
    Устарел

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

  • Атрибут checked

    Атрибут checked

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

  • Атрибут dirname

    Атрибут dirname
    HTML5

    Параметр, который передаёт на сервер направление текста.

  • Атрибут disabled

    Атрибут disabled

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

  • Атрибут form

    Атрибут form
    HTML5

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

  • Атрибут formaction

    Атрибут formaction
    HTML5

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

  • Атрибут formenctype

    Атрибут formenctype
    HTML5

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

  • Атрибут formmethod

    Атрибут formmethod
    HTML5

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

  • Атрибут formnovalidate

    Атрибут formnovalidate
    HTML5

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

  • Атрибут formtarget

    Атрибут formtarget
    HTML5

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

  • Атрибут list

    Атрибут list
    HTML5

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

  • Атрибут max

    Атрибут max
    HTML5

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

  • Атрибут maxlength

    Атрибут maxlength

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

  • Атрибут min

    Атрибут min
    HTML5

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

  • Атрибут minlength

    Атрибут minlength
    HTML5

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

  • Атрибут multiple

    Атрибут multiple
    HTML5

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

  • Атрибут name

    Атрибут name

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

  • Атрибут pattern

    Атрибут pattern
    HTML5

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

  • Атрибут placeholder

    Атрибут placeholder
    HTML5

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

  • Атрибут readonly

    Атрибут readonly

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

  • Атрибут required

    Атрибут required
    HTML5

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

  • Атрибут size

    Атрибут size

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

  • Атрибут src

    Атрибут src

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

  • Атрибут step

    Атрибут step
    HTML5

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

  • Атрибут type

    Атрибут type

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

  • Атрибут value

    Атрибут value

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

Для этого элемента доступны универсальные атрибуты и события.

Пример

Браузеры

input

Посмотреть совместимость на Can I use?

input