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>
До попереднього тегу
До наступного тегу