Елемент <input> в HTML є одним з основних елементів форми, який дозволяє користувачам вводити дані. Він може приймати різні типи введення, такі як текст, пароль, чекбокс, радіокнопки, кнопки вибору з випадаючого списку (селект), дати, часу і т. д.
Основні атрибути елемента <input> включають:
- type: Вказує тип введення, який приймає елемент. Наприклад,
textдля текстового поля,passwordдля поля паролю,checkboxдля чекбокса тощо. - name: Визначає ім’я поля, яке буде використовуватися для ідентифікації його значення після відправки форми.
- value: Встановлює початкове значення поля.
- placeholder: Встановлює підказку для користувача, яка з’являється в полі введення до того, як він введе будь-який текст.
- required: Вказує, що поле обов’язкове для заповнення перед відправленням форми.
- readonly: Встановлює поле в режим лише для читання, тобто воно не може бути змінене користувачем.
- disabled: Вказує, що поле вимкнене і не буде доступне для введення даних.
Наприклад, код для текстового поля введення може виглядати так:
<input type="text" name="username" placeholder="Введіть ваше ім'я" required>
Цей код створить текстове поле введення з підказкою “Введіть ваше ім’я”, яке буде обов’язковим для заповнення перед відправленням форми.