• Теория
  • Теория

Связываем подпись и поле по id

Иногда обернуть поле и текст подписи в тег <label> нельзя. Например, когда они размещены в разных ячейках таблицы.

В этом случае можно связать подпись с полем с помощью атрибута id. Алгоритм такой:

  1. Добавляем к полю ввода идентификатор с помощью атрибута id.

  2. Оборачиваем текст подписи в тег <label>.

  3. Добавляем тегу <label> атрибут for.

  4. В атрибут for записываем такое же значение, что и в атрибуте id у поля.

Например:

<label for="user-field-id">Имя пользователя</label>
...
много-много других тегов
...
<input id="user-field-id" type="text" name="username">
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Формы. Знакомство» тренажёра «Погружение в формы» можно после регистрации и оформления подписки.