ошибка ввода внутри метки firefox без блока

Question

Есть идеи, почему Firefox ведет себя так странно с этим кодом?Он отлично работает в IE & Chrome.

<LEGEND>Basistaal </LEGEND>
<LABEL class=alg_kantoor_taal for=alg_kantoor_taal>
<INPUT id=alg_kantoor_taal value=NL type=radio name=alg_kantoor_taal .>
NL
</LABEL>

<LABEL class=alg_kantoor_taal for=alg_kantoor_taal>
<INPUT id=alg_kantoor_taal value=FR type=radio name=alg_kantoor_taal .>FR</LABEL>

Я видел еще один вопрос, где firefox вел себя странно, потому что внутри метки был элемент блока.Это не тот случай, здесь.Я хотел бы сохранить эту структуру, так как мой CSS основан на этом HTML ... Думаю, мне придется изменить его, чтобы он работал в FF?

edit-> fiddle здесь: http://jsfiddle.net/ZXSKH/59/ вы можетевидите, в firefox радиокнопки просто не работают так, как должны.

Answer 1

Я избавлю вас от хлопот и исправлю HTML для вас:

<LEGEND>Basistaal</LEGEND>
<INPUT id="alg_kantoor_taal-nl" value="NL" type="radio" name="alg_kantoor_taal" />
<LABEL class="alg_kantoor_taal" for="alg_kantoor_taal">NL</LABEL>

<INPUT id="alg_kantoor_taal-fr" value="FR" type="radio" name="alg_kantoor_taal" />
<LABEL class="alg_kantoor_taal" for="alg_kantoor_taal">FR</LABEL>

Элемент состоит из открывающего и закрывающего тега или одного тега.

Doubleтег: <tagname>content</tagname>

Одиночный тег: <tagname />

Кроме того, атрибут должен быть заключен в кавычки: <tagname attribute="value" />

Обратите внимание, что идентификатор элемента должен быть уникальный во все времена .У вас не может быть 2 элементов с одинаковым идентификатором.

На самом деле, это должно решить большинство ваших проблем.Но, ради бога, научитесь правильно использовать HTML .

Answer 2

Все элементы на странице должны иметь уникальный id.Обе метки ссылаются на второй вход.Вы должны дать каждому input уникальный id и изменить атрибут for label для ссылки на новый идентификатор.Или вы можете удалить атрибуты id и for, и все будет работать так, как вы ожидаете.

Answer 3

Переместите теги input из надписей.

<LEGEND>Basistaal</LEGEND>
<INPUT id="alg_kantoor_taal1" value="NL" type="radio" name="alg_kantoor_taal" />
<LABEL class="alg_kantoor_taal" for="alg_kantoor_taal1">NL</LABEL>

<INPUT id="alg_kantoor_taal2" value="FR" type="radio" name="alg_kantoor_taal" />
<LABEL class="alg_kantoor_taal" for="alg_kantoor_taal2">FR</LABEL>

http://jsfiddle.net/ZXSKH/61/