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

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

Suggested prompts:

Can you show me the previous example so I can add the labels?

Which input fields do you want to add labels to?

Do you want any specific text for the labels?

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