Покращення форм за допомогою атрибутів введення
Свайпніть щоб показати меню
Елементи HTML <input> можна налаштовувати за допомогою атрибутів, які змінюють їхню поведінку. Нижче наведено деякі з найпоширеніших атрибутів.
value
Встановлює початкове значення поля вводу.
- Для кнопок: визначає текст кнопки;
- Для текстових/парольних полів: задає текст за замовчуванням;
- Для чекбоксів/радіокнопок: встановлює значення, яке буде надіслано при виборі.
value не можна використовувати з type="file".
index.html
autofocus
Автоматичне фокусування на полі введення під час завантаження сторінки.
Це не працює в наведеному нижче прикладі, оскільки при натисканні Run Code сторінка не перезавантажується.
index.html
required
Робить поле обов'язковим для заповнення. Форму неможливо надіслати, доки це поле не буде заповнене.
index.html
placeholder
Відображає допоміжний текст всередині поля введення до моменту введення користувачем даних. Корисно для форматів, таких як номери телефонів або реквізити картки.
index.html
Кожен приклад використовує різні атрибути type, які впливають на поведінку поля введення. Типи введення будуть розглянуті у наступному розділі.
1. Який атрибут використовується для встановлення значення за замовчуванням для елемента введення?
2. Який атрибут використовується для встановлення підказки або прикладу очікуваного значення для елемента input?
3. Який атрибут використовується для вказівки, що поле введення має бути заповнене перед відправленням форми?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
