2011-01-29 4 views
1

タブオーダーが乱れている理由を教えてもらえますか?IE6/7/8、Chrome、Safariここでラジオボタンを押したときは? FirefoxとOperaで動作します。IEは、/ id属性のラベルを持つラジオボタンのタブ順を尊重していませんか?

http://jsbin.com/inuxa5

あなたはタブ移動開始後、最初のチェックボックスにチェックマークを付ける場合は、ラジオ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

これは予想される動作です。
同じ名前のラジオボタンを使用しているため、「r1」または「r2」です。

ショート:タブの代わりに2つの左矢印または右矢印を切り替える場合。

+0

キリスト、私はそれが何か明白であることを知っていました、長い日、ルルツでした。余分な目に感謝します。 –

+1

私はお尻になることを意味するわけではありませんが、以前の回答とどのように違うのですか? –

+0

@ mlmsはそれほど良くはありませんが、少なくとも私は彼にキーボードを使って2番目のラジオボタンを選択する解決策を与えました。 – Knu

関連する問題