Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Маркування Полів Форми | Таблиці та форми
Основи 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

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

Awesome!

Completion rate improved to 2.86

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