<input>

Візуальний приклад використання тегу inpu HTML тег <input> є одним з різнобічних елементів форми і дозволяє створювати різні елементи інтерфейсу і забезпечити взаємодію з користувачем. Головним чином <input> призначений для створення текстових полів, різних кнопок, перемикачів і прапорців.

Елемент введення <input> може мати різний вигляд - залежить від атрибуту type.

За допомогою HTML тегу <input> можна створити наступну елементи форми (За це відповідає атрибут type):

  • text - текстове поле.
  • password - поле з паролем.
  • radio - перемикач.
  • checkbox - прапорець.
  • hidden - приховане поле.
  • button - кнопка.
  • submit - кнопка для відправки форми.
  • reset - кнопка для очищення форми.
  • file - поле для відправки файлу.
  • image - кнопка із зображенням.

Для кожного елемента існує свій перелік атрибутів, які визначають його вид і характеристики. Крім того, в HTML5 додано ще більше десятка нових елементів.

Порада:

Використовуйте <label>, щоб визначити мітки для <input> елементів.

Нотатка:

<input> - це порожній елемент, його не потрібно закривати тегом </input> і він містить тільки атрибути.

Синтакс

<input атрибути>

Приклади

Найпростіший приклад використання HTML тегу <input>

До попереднього тегу До наступного тегу