Действительно ли <label> атрибут должен быть уникальным?

Question

Могу ли я иметь две метки с одинаковым значением for? Пример:

<label for="foo">Outer label</label> 
<div class="foo-bar"> 
    <input type="checkbox" id="foo" /> 
    <label for="foo">Inner label</label> 
</div> 

Answer 1

Атрибут for связывает управление с input, есть, насколько я знаю, нет ограничений на количество элементов, которые не могут ссылаться на один input, так долго, как id того input (или textarea, select и т. д.) является уникальным.

Например, в следующем демо обаlabel элементы будут вызывать изменение (Включение/выключение) элемента Флажок input:

<label for="foo">Outer label</label> 
<div class="foo-bar"> 
    <input type="checkbox" type="checkbox" name="test" id="foo" /> 
    <label for="foo">Inner label</label> 
</div> 

JS Fiddle demo.

Это может быть полезно для добавления сообщений об ошибках (например, после проверки), которые явно связывают или идентифицируют элемент, в котором есть ошибка, без переопределения/замены ранее существовавшего label для этого элемента.

К сожалению, есть, поскольку у меня есть , но найдено, без ссылки или документации, которая явно позволяет привязать input (или аналогичный элемент) к одному элементу управления; Однако запись MDN «s для <label> делает состояние, в котором:

Идентификатор в виде labelable связанных элемента в том же самом документе в качестве элемента этикетки. Первым таким элементом в документе с идентификатором, соответствующим значению атрибута for, является элемент управления с меткой для этого элемента метки.