|
>> まずはサンプルを見る
解説
先ほどの例では最初だけフォーカスを当てることができますが、他の選択項目をクリックするとフォーカスを失い、結局マウスかTABキーでフォーカスを当て直す必要があります。
ハンドリングを向上させるため、常に任意の項目へフォーカスするよう制御します。
1．常に「お名前」入力にカーソルを当てる
<SCRIPT LANGUAGE="JavaScript">
<!--
function input_focus() {
document.EX.name.focus();
}
// -->
</SCRIPT>
<body onLoad="input_focus()">
<form name="EX">
（１）インターネット利用経験
<input type="radio" name="internet" value="yes"checked onClick="input_focus()">はい
<input type="radio" name="internet" value="no" onClick="input_focus()">いいえ<br>
（２）電子メール利用経験
<input type="radio" name="mail" value="yes" checked onClick="input_focus()">はい
<input type="radio" name="mail" value="no" onClick="input_focus()">いいえ<br>
（３）携帯電話を持っている
<input type="radio" name="mobail" value="yes" checked onClick="input_focus()">はい
<input type="radio" name="mobail" value="no" onClick="input_focus()">いいえ<br>
（４）お名前 <input type="text" name="name">
<input type="submit" value="送信"><br>
</form>
補足
イントラネット系システムではちょっとした配慮で作業時間を軽減することができます。
<<<< トップ <<< テーマトップ << サブテーマトップ < 前頁 │ 次頁 > 最後のページ（処理）で必ずブラウザを閉じさせる方法 >>
|
入力フォームのカーソル位置を強制的にくくりつける方法 -ちょいテク JavaScript-
