最後のTabIndexまで行くと先頭に戻るようにしたい

Question

最後のTabIndexまで行くとフォーカスが明後日の方向に飛んでしまうので、先頭(社員番号)に戻るようにする方法を教えていただけませんか？

<tr>
					<th>社員番号</th>
					<p id="syainno"></p>
					<td><input type="text" name="syainno" value="" size="16"
						maxlength="4" tabindex="1" id="syain" required><br></td>
				</tr>
				<tr>
					<th>氏名</th>
					<td><html:text property="name" name="name" size="16" value=""
							maxlength="12" tabindex="-1" readonly="true" /></td>
				</tr>
				<tr>
					<th>パスワード</th>
					<td><input type="password" name="password" value="" size="17"
						maxlength="12" tabindex="2" id="password" required><br></td>
				</tr>
				<tr>
					<td colspan="1"><input type="submit" value="ログイン" tabindex="3"><br>
					</td>
				</tr>

Answer 1

タブは様々な要素にあてることができるので、順番や場所まで制御しようと思ったらJavaScriptでblurイベントをとって任意の要素にfocusうつすしかないと思います。

Comments

[treggregrgersg]

ありがとうございます。解決しました。