Маркировка радио и элементов флажка

Question

Какой самый подходящий, семантически правильный способ обозначить флажок и радиоэлементы?Очевидно, что присвоение каждому из них уникального атрибута id является опцией и использование его в идентификаторе <label for="">, но, похоже, это нарушит семантическую группировку.Помещение незакрытого текста рядом с элементом input кажется просто ... неправильным.

Редактировать: Кроме того, как следует обозначать метку для группы таких элементов?(т.е. не описание каждого параметра, а описание всей группы)

Answer 1

Использование <label for=""> - правильный способ сделать это.Группировка переключателей осуществляется путем обозначения группы с помощью атрибута name и отдельных элементов с помощью атрибута id.Например:

<input type="radio" name="rbg" id="rbg1"><label for="rbg1">Button One</label><br>
<input type="radio" name="rbg" id="rbg2"><label for="rbg2">Button Two</label><br>
<input type="radio" name="rbg" id="rbg3"><label for="rbg3">Button Three</label><br>

Что касается размещения надписей над всей группой, просто поместите их в контейнер с текстовым контейнером над стеком кнопок (или флажков).Пример:

<div>
  <h3>My Radio Button Group</h3>
  <input type="radio" name="rbg" id="rbg1"><label for="rbg1">Button One</label><br>
  <input type="radio" name="rbg" id="rbg2"><label for="rbg2">Button Two</label><br>
  <input type="radio" name="rbg" id="rbg3"><label for="rbg3">Button Three</label><br>
</div>

Answer 2

Я в основном использую Крис Койерс HTML ipsum: http://html -ipsum.com /

всегда хороший помощник