0

簡単な質問ですが、どこにも答えが見つかりませんでした。前の要素でタブを押したときにチェックボックスが選択されないようにするにはどうすればよいですか。

HTML:

<table>
    <tr>
        <td>
            <input type='textbox' placeholder='1' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='textbox' placeholder='2' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='checkbox' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='text' placeholder='3' />
        </td>
    </tr>
</table>

Jsフィドル

基本的に私はこの結果を望んでいます: テキストボックス 1 に何かを入力し、TAB を押してテキストボックス 2 に移動し、もう一度 TAB を押してテキストボックス 3 に移動し、チェックボックスをスキップします。

これはばかげているように思えるかもしれませんが、フォームに完全な CSS フォーマットを含めていません。:)

4

1 に答える 1

1

これを達成する方法はたくさんあります。

最も簡単な方法は、HTMLtabindex属性を使用することです。

<table>
    <tr>
        <td>
            <input type="text" tabindex="1" placeholder="1" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" tabindex="2" placeholder="2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" tabindex="0" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" placeholder="3" tabindex="2" />
        </td>
    </tr>
</table>

チェックボックスは引き続きフォーカス可能であることに注意してください。しかし、それに到達する前に、他のすべての要素を「タブ」で移動する必要があります。

( http://jsfiddle.net/URKkp/で実際の例を参照してください)

于 2013-06-26T16:44:59.960 に答える