Prototype-form-focusfirstelement
提供：Dev Guides
プロトタイプ-フォームfocusFirstElement（）メソッド
このメソッドは、フォームの最初の要素にキーボードフォーカスを与えます。
これは、ユーザーがすぐに入力を開始できる検索フォームや連絡先フォームなどのフォームにページの読み込みを集中させることで、サイトの使いやすさを向上させるのに役立ちます。
構文
戻り値
HTMLFormElementを返します。
このメソッドは、フォームの最初の要素にキーボードフォーカスを与えます。
これは、ユーザーがすぐに入力を開始できる検索フォームや連絡先フォームなどのフォームにページの読み込みを集中させることで、サイトの使いやすさを向上させるのに役立ちます。
form.focusFirstElement();HTMLFormElementを返します。
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var form = $('example');
form.focusFirstElement();
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<br/>
<form id = "example" action = "#" onsubmit = "return false">
<fieldset>
<legend>User info</legend>
<div>
<label for = "username">Username:</label>
<input name = "username" id = "username" value = "Sulien" type = "text">
</div>
<div>
<label for = "age">Age:</label>
<input name = "age" id = "age" value = "23" size = "3" type = "text">
</div>
<div>
<label for = "hobbies">Your hobbies are:</label>
<select name = "hobbies" id = "hobbies" multiple = "multiple">
<option>coding</option>
<option>swimming</option>
<option>hiking</option>
<option>drawing</option>
</select>
</div>
</fieldset>
</form>
<br/>
<input type = "button" value = "Result" onclick = "showResult();"/>
</body>
</html>