accesskey属性
accesskey属性は、キーの組み合わせを使用して要素にアクセスできるようにします。
属性値は、小文字のラテン文字または数字である必要があります。
使用されるキーの組み合わせは、ブラウザによって異なります。
例えば、FirefoxではShift + Alt + accesskey属性の値となり、
Safari、Chrome、IEではAlt + accesskey属性の値となります。
キーの組み合わせを使用した場合、HTMLフォームのテキストフィールド (input およびtextarea)はフォーカスを受け取り、 チェックボックスや ラジオボタンでは、チェック状態のオン/オフが切り替わります。 aタグの場合はリンクへの遷移が発生します。
この属性は以下のタグに適用されます: a, area button, input, label, legend, textarea。
例
チェックボックスにホットキーzを割り当ててみましょう。 FirefoxではShift + Alt + z、他のブラウザではAlt + zを押すと、このチェックボックスの状態が切り替わります:
<input type="checkbox" accesskey="z">
:
例
次に、テキスト入力フィールドinputにホットキーwを割り当ててみましょう。 FirefoxではShift + Alt + w、他のブラウザではAlt + wを押すと、このタグに入力フォーカスが移ります:
<input type="text" accesskey="w">
:
例
二つのラジオボタンに、ホットキーsとqを割り当ててみましょう:
<input type="radio" name="radio" accesskey="s">
<input type="radio" name="radio" accesskey="q">
:
関連項目
-
フォームフィールドの自動入力を設定する
autocomplete属性 -
Tabキーによるフォーカス移動順序を変更できる
tabindex属性