HTML тег <input> є одним з різнобічних елементів форми і дозволяє створювати різні елементи інтерфейсу і забезпечити взаємодію з користувачем.
Головним чином <input> призначений для створення текстових полів, різних кнопок, перемикачів і прапорців.
Елемент введення <input> може мати різний вигляд - залежить від атрибуту type.
За допомогою HTML тегу <input> можна створити наступну елементи форми (За це відповідає атрибут type):
text - текстове поле.
password - поле з паролем.
radio - перемикач.
checkbox - прапорець.
hidden - приховане поле.
button - кнопка.
submit - кнопка для відправки форми.
reset - кнопка для очищення форми.
file - поле для відправки файлу.
image - кнопка із зображенням.
Для кожного елемента існує свій перелік атрибутів, які визначають його вид і характеристики.
Крім того, в HTML5 додано ще більше десятка нових елементів.
| Порада: |
Використовуйте <label>, щоб визначити мітки для <input> елементів. |
| Нотатка: |
<input> - це порожній елемент, його не потрібно закривати тегом </input> і він містить тільки атрибути.
|
Приклади
Найпростіший приклад використання HTML тегу <input>
До попереднього тегу
До наступного тегу