Покращення Форм за Допомогою Атрибутів Введення
Елементи HTML <input> можна налаштовувати за допомогою атрибутів, які змінюють їхню поведінку. Нижче наведено деякі з найбільш поширених атрибутів.
value
Встановлює початкове значення поля введення.
- Для кнопок: визначає текст кнопки;
- Для текстових/парольних полів: задає текст за замовчуванням;
- Для прапорців/перемикачів: встановлює значення, яке буде надіслано при виборі.
value не можна використовувати з type="file".
index.html
autofocus
Автоматично встановлює фокус на поле введення під час завантаження сторінки.
Це не працює в наведеному нижче прикладі, оскільки при натисканні Run Code сторінка не перезавантажується.
index.html
required
Робить поле введення обов'язковим. Форму неможливо надіслати, доки це поле не буде заповнено.
index.html
placeholder
Відображає допоміжний текст у полі введення до моменту введення користувачем даних. Корисно для форматів, таких як номери телефонів або реквізити картки.
index.html
Кожен приклад використовує різні атрибути type, які впливають на поведінку поля введення. Ви ознайомитеся з типами полів введення у наступному розділі.
1. Який атрибут використовується для встановлення значення за замовчуванням для елемента input?
2. Який атрибут використовується для встановлення підказки або прикладу очікуваного значення для елемента input?
3. Який атрибут використовується для вказівки, що поле вводу повинно бути заповнене перед відправленням форми?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you give examples of how to use these attributes in HTML?
What other input attributes are commonly used?
Can you explain the difference between value and placeholder?
Чудово!
Completion показник покращився до 2.38Покращення Форм за Допомогою Атрибутів Введення
Свайпніть щоб показати меню
Елементи HTML <input> можна налаштовувати за допомогою атрибутів, які змінюють їхню поведінку. Нижче наведено деякі з найбільш поширених атрибутів.
value
Встановлює початкове значення поля введення.
- Для кнопок: визначає текст кнопки;
- Для текстових/парольних полів: задає текст за замовчуванням;
- Для прапорців/перемикачів: встановлює значення, яке буде надіслано при виборі.
value не можна використовувати з type="file".
index.html
autofocus
Автоматично встановлює фокус на поле введення під час завантаження сторінки.
Це не працює в наведеному нижче прикладі, оскільки при натисканні Run Code сторінка не перезавантажується.
index.html
required
Робить поле введення обов'язковим. Форму неможливо надіслати, доки це поле не буде заповнено.
index.html
placeholder
Відображає допоміжний текст у полі введення до моменту введення користувачем даних. Корисно для форматів, таких як номери телефонів або реквізити картки.
index.html
Кожен приклад використовує різні атрибути type, які впливають на поведінку поля введення. Ви ознайомитеся з типами полів введення у наступному розділі.
1. Який атрибут використовується для встановлення значення за замовчуванням для елемента input?
2. Який атрибут використовується для встановлення підказки або прикладу очікуваного значення для елемента input?
3. Який атрибут використовується для вказівки, що поле вводу повинно бути заповнене перед відправленням форми?
Дякуємо за ваш відгук!
