Webで入力を楽にする方法 tabで移動してスペースでクリックする

先日フォーム入力でもっと楽な方法はないか?という相談をされたとき、プログラムでの対応は難しいけれどこうやって入力すると早いですよねという方法についてお話ししたところ、便利!と言われました。
これは知っている人は知っているのですが知らない人にとっては目からウロコ的な感じのちょっと役に立つかもしれない、と思いました。そこで、Webで入力を楽にする方法について書きます。

Webのformで項目間を移動するにはtabを使う

tab移動については知らない人はいないと思うのですが、念のために書きます(^^)/。

WebのFormで入力をするとき、

このメールアドレスにフォーカスがあるとき tab を押すと、

次の項目に移動します。Shiftを押しながらtabを押すと、

前の項目に戻ります。

フォーカスがチェックボックスにあるときスペースバーを押す

パスワード欄でtabを押すと、

ちょっとわかりにくいですが次の項目、パスワードを表示のチェックボックスにフォーカスが当たります。

このとき スペースバー を押すと、チェックが入ります

もう一度 スペースバー を押すと、チェックが外れます

つまりチェックボックスにフォーカスが当たっているときは スペースバーを押す=クリックする と同じ扱いになるようです。チェックボックスが複数あって、入力が面倒くさいときはこの方法が便利です。

フォーカスがラジオボタンにあるときスペースバーを押す

ではラジオボタンの場合はどうなるでしょうか。

ラジオボタンの一つ前の項目にあるときに tab を押します

ラジオボタンの一つ目の選択肢、男性にフォーカスが当たります

スペースバー を押すと男性にチェックが入ります。

tab を押すと

フォーカスは次の項目 配信を希望する(無料) に移動してしまいます。ここで女性にフォーカスが移動すれば女性のラジオボタンをスペースバーでクリックさせることができるのですが、そうはならないようです。

ラジオボタンの場合は1つめの選択肢にしかフォーカスが当たらないので1つめを選択するときだけ、このスペースバーを使う方法が有効です。

フォーカスががボタンにあるときスペースバーを押す

文字の入力 という項目でtabを押すと、Yahoo JAPAN! IDを登録 というサブミットボタンにフォーカスが当たります。ここでスペースバーを押す

このサブミットボタンをクリックしたのと同じことになり、必須入力エラーが表示されました。

 フォーカスががリストボックスにあるときスペースバーを押す

リストボックスにフォーカスがあるときは、どうなるか見てみます。

このようなフォームがあるときに (名) でtabを押します

リストボックスにフォーカスが当たります

スペースバーを押すと、このようにリストボックスが開きます

キーボードの下矢印で該当の項目まで移動して、

リターンキーを押すと、選択できます。

まとめ:大量に項目があるときはなかなか便利です

ちょっとしたことなのですが、プログラムを開発してテストするときは何度も何度も(^_^;、フォームの入力をするのでこの方法は便利だなと思っています。

もしも今まで知らない方法があればやってみてください(^^)/

兎本美佳

ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

261人の購読者に加わりましょう

トップへ戻る