先日フォーム入力でもっと楽な方法はないか？という相談をされたとき、プログラムでの対応は難しいけれどこうやって入力すると早いですよねという方法についてお話ししたところ、便利！と言われました。
これは知っている人は知っているのですが知らない人にとっては目からウロコ的な感じのちょっと役に立つかもしれない、と思いました。そこで、Webで入力を楽にする方法について書きます。
Webのformで項目間を移動するにはtabを使う
tab移動については知らない人はいないと思うのですが、念のために書きます(^^)/。
WebのFormで入力をするとき、
このメールアドレスにフォーカスがあるとき tab を押すと、
次の項目に移動します。Shiftを押しながらtabを押すと、
前の項目に戻ります。
フォーカスがチェックボックスにあるときスペースバーを押す
パスワード欄でtabを押すと、
ちょっとわかりにくいですが次の項目、パスワードを表示のチェックボックスにフォーカスが当たります。
このとき スペースバー を押すと、チェックが入ります。
もう一度 スペースバー を押すと、チェックが外れます。
つまりチェックボックスにフォーカスが当たっているときは スペースバーを押す=クリックする と同じ扱いになるようです。チェックボックスが複数あって、入力が面倒くさいときはこの方法が便利です。
フォーカスがラジオボタンにあるときスペースバーを押す
ではラジオボタンの場合はどうなるでしょうか。
ラジオボタンの一つ前の項目にあるときに tab を押します
ラジオボタンの一つ目の選択肢、男性にフォーカスが当たります
スペースバー を押すと男性にチェックが入ります。
tab を押すと
フォーカスは次の項目 配信を希望する（無料） に移動してしまいます。ここで女性にフォーカスが移動すれば女性のラジオボタンをスペースバーでクリックさせることができるのですが、そうはならないようです。
ラジオボタンの場合は1つめの選択肢にしかフォーカスが当たらないので1つめを選択するときだけ、このスペースバーを使う方法が有効です。
フォーカスががボタンにあるときスペースバーを押す
文字の入力 という項目でtabを押すと、Yahoo JAPAN! IDを登録 というサブミットボタンにフォーカスが当たります。ここでスペースバーを押すと
このサブミットボタンをクリックしたのと同じことになり、必須入力エラーが表示されました。
フォーカスががリストボックスにあるときスペースバーを押す
リストボックスにフォーカスがあるときは、どうなるか見てみます。
このようなフォームがあるときに (名) でtabを押します
リストボックスにフォーカスが当たります
スペースバーを押すと、このようにリストボックスが開きます
キーボードの下矢印で該当の項目まで移動して、
リターンキーを押すと、選択できます。
まとめ:大量に項目があるときはなかなか便利です
ちょっとしたことなのですが、プログラムを開発してテストするときは何度も何度も(^_^;、フォームの入力をするのでこの方法は便利だなと思っています。
もしも今まで知らない方法があればやってみてください(^^)/
コメント