input

Оновлено: 27.05.2022

<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

    Значення елемента.

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

Приклад

Результат цього пркиладу показано на рис. 1.

Рис. 1. Вид елементів форми в браузері.

Браузери

input

Переглянути сумісність з Can I use?

input