Атрибути для Інпут Елементів

Ми вже знаємо, як створювати форми з полями вводу та мітками. Тепер розглянемо інші корисні атрибути для елементів вводу, які покращують їх функціональність та зручність використання.

Загальні атрибути для елементів вводу

Placeholder

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

Name

name визначає ім'я поля вводу, яке використовується для ідентифікації даних вводу при відправці форми. Кожне поле вводу у формі повинно мати унікальний атрибут name.

Value

value встановлює початкове або стандартне значення поля вводу. Попередньо заповнює поле вводу певним значенням при завантаженні сторінки.

Required

required вказує, що поле вводу повинно бути заповнене перед відправкою форми. Запобігає відправці форми, якщо обов'язкове поле залишено порожнім.

Disabled

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

Readonly

readonly робить поле введення лише для читання, дозволяючи користувачам бачити значення, але не змінювати його. Подібно до атрибута disabled, але все ще дозволяє фокусуватися на полі та вибирати його.

Min та Max

min та max визначають мінімальні та максимальні допустимі значення для числових полів введення. Корисно для забезпечення обмежень на числове введення, наприклад, вік або кількість.

Приклад: Розглянемо приклад, що включає всі необхідні атрибути та елементи, потрібні для форми.

Відео-урок