Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Маркування Полів Форми | Таблиці та форми
Quizzes & Challenges
Quizzes
Challenges
/
Основи HTML

bookМаркування Полів Форми

Мітки (<label>) є важливими для зв'язування текстових підписів із елементами введення форми, що підвищує доступність і зручність використання. Важливо, щоб атрибут for тега <label> збігався зі значенням атрибута id відповідного елемента input.
Приклад:

<label for="username">Username:</label>
<input type="text" id="username" />

У наведеному вище прикладі:

  • При натисканні на підпис Username: фокус автоматично переходить до відповідного поля введення;
  • label і input пов'язані між собою за допомогою атрибутів for та id відповідно;
  • Обидва атрибути for і id мають однакове значення (username).

Полегшення заповнення форми шляхом додавання міток до полів введення з попереднього прикладу.

index.html

index.html

copy

1. Який атрибут тега <label> використовується для зв'язку його з певним елементом <input> у формі?

2. Якого атрибута не вистачає у елемента input, щоб зв'язати його з елементом label?

question mark

Який атрибут тега <label> використовується для зв'язку його з певним елементом <input> у формі?

Select the correct answer

question mark

Якого атрибута не вистачає у елемента input, щоб зв'язати його з елементом label?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 6

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookМаркування Полів Форми

Свайпніть щоб показати меню

Мітки (<label>) є важливими для зв'язування текстових підписів із елементами введення форми, що підвищує доступність і зручність використання. Важливо, щоб атрибут for тега <label> збігався зі значенням атрибута id відповідного елемента input.
Приклад:

<label for="username">Username:</label>
<input type="text" id="username" />

У наведеному вище прикладі:

  • При натисканні на підпис Username: фокус автоматично переходить до відповідного поля введення;
  • label і input пов'язані між собою за допомогою атрибутів for та id відповідно;
  • Обидва атрибути for і id мають однакове значення (username).

Полегшення заповнення форми шляхом додавання міток до полів введення з попереднього прикладу.

index.html

index.html

copy

1. Який атрибут тега <label> використовується для зв'язку його з певним елементом <input> у формі?

2. Якого атрибута не вистачає у елемента input, щоб зв'язати його з елементом label?

question mark

Який атрибут тега <label> використовується для зв'язку його з певним елементом <input> у формі?

Select the correct answer

question mark

Якого атрибута не вистачає у елемента input, щоб зв'язати його з елементом label?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 6
some-alt