IE не соблюдает порядок вкладок переключателей с меткой для атрибутов / id? - PullRequest
Новая
       35

IE не соблюдает порядок вкладок переключателей с меткой для атрибутов / id?

1 голос
/ 29 января 2011

Может кто-нибудь сказать мне, почему порядок табуляции нарушен в IE 6/7/8, Chrome, Safari , когда вы нажимаете здесь переключатели?Работает в Firefox и Opera.

http://jsbin.com/inuxa5

Если вы установите первый флажок, а затем начнете вкладку, вы перейдете с radio 1 на флажок 3 (в обход радио 2)

И наоборот, если вы начнете с проверки флажка 4 и сдвигом-вкладкой, чтобы двигаться назад, вы перейдете от радио 2 к флажок 2 (в обход радио 1). 

<form>

<p>
<input id="c1" type="checkbox" name="check1">
<label for="c1">checkbox 1</label>

<input id="c2" type="checkbox" name="check2">
<label for="c2">checkbox 2</label>
</p>

<p>
    <input id="r1" type="radio" name="member">
    <label for="r1">radio 1</label>

    <input id="r2" type="radio" name="member">
    <label for="r2">radio 2</label>
</p>

<p>
<input id="c3" type="checkbox" name="check3">
<label for="c3">checkbox 3</label>

<input id="c4" type="checkbox" name="check4">
<label for="c4">checkbox 4</label>
</p>

</form>

1 Ответ

1 голос
/ 29 января 2011

Это ожидаемое поведение.
Вы используете радио-кнопки с одинаковыми именами, поэтому это либо "r1", либо "r2".

Short: если вы хотите переключиться между двумя, используйте левую /стрелка вправо вместо табуляции.

...