Keyboard

TABINDEXやACCESSKEY属性で、キーボードでページの操作ができます。

タブキー移動の指定

入力項目をタブキーで移動させることができます。
サンプルは、リンクの<A>タグや<FORM>の<INPUT>タグに、TABINDEX属性追加し移動する番号を指定すれば、タブキーで入力項目を順番に移動させることができます。

<tag tabindex="integer">

<form action="mailto:xxxxxx@isp.ne.jp" method="post" enctype="text/plain">
<p>Name:<input type="text" name="Name" size="24"tabindex="1"></p>
<p>Address:<input type="text" name="Address" size="32" tabindex="2"></p>
<p><input type="submit" value="送信"name="send" tabindex="3">
<input type="reset" value="リセット"name="reset" tabindex="4"></p>

</form>

ショートカットキーでページを操作することができます。

リンク操作や項目移動などをショートカットキー(〔CTRL〕+〔キー〕)で操作することができます。
<A>や<INPUT>タグなどに、ACCESSKEY属性追加しキーを指定すれば、ショートカットキーで実行することができます。
最初のサンプルは、送信を〔CTRL〕+〔S〕で、2番目は〔CTRL〕+〔T〕でトップページへリンクをさせる場合です。

<tag accesskey="key code">

<a href="top.htm" accesskey="T">トップページへ</a>