2009-07-07 4 views
11

W3Schools есть это сказать о labels:Может ли метка ссылаться только на элементы ввода?

<label> тега определяет метку для входных элемента. [выделено мной]

Означает ли это, что следующий HTML не действует?

<html> 
    <body> 
     <label for="x">Label</label> 
     <hr> 
     <div id="q" contentEditable="true">Hello</div> 
     <hr> 
     <div id="x" contentEditable="true">World</div> 
    </body> 
</html> 

Оба Chrome и IE8 дают фокус World при Label щелчке Firefox не делает. Что именно?

ответ

8

Согласно W3C это относится к форме управления и управления форм являются defined as:

  • Кнопки
  • Кнопки Флажки
  • Радио
  • Меню выбора
  • ввода текста
  • файла
  • Скрытые элементы управления
  • теги объектов

Так FireFox технически правильно, хотя я вряд ли ее можно считать «ломать», если браузер не ограничивало его к этим элементам.

+0

Семантические элементы - это первый большой шаг на пути к сети в Интернете - поэтому, как правило, хорошей практикой является придерживаться спецификации для прошивок и т. Д. – Olga

1

Я бы сказал, что это неправильное использование разметки, потому что семантика семерок состоит в том, что они специально предназначены для элементов управления.

Элемент LABEL используется для указания этикетки для элементов управления, которые не имеют неявные метки,

http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1

5

HTML, спецификация говорит о label «S "для" атрибута, «При наличии значение этого атрибута должно совпадать с значением атрибута id какого-либо другого элемента управления в том же документе. Если отсутствует, определяемая метка связана с содержимым элемента».

Таким образом, ссылки id в «for» должны соответствовать идентификатору элемента управления. Что такое контроль? Спецификация в основном говорит, что любой input является элементом управления, как и button, select, или object. Таким образом, Firefox технически прав - div не является контролем.

+0

Вы продолжаете говорить 'id', разве вы не имеете в виду' for'? – Motti

+0

Да, вы правы. Отредактировано для исправления. –

 Смежные вопросы

  • Нет связанных вопросов^_^