网页SetFocus()和Focus()设置登陆控件焦点|tab顺序设置
早上遇到问题,要设置登陆文本框焦点。也就是说进入登陆页面,光标闪烁输入状态!
设置方法 很多:罗列几种!
方法1
<html>
<body>
<input id=" username" style="FONT-SIZE: 9pt; WIDTH: 120px; COLOR: black" maxlength="18" value="hello" name=" username" />
<input type=text id=text2 value="hello2">
<script language=javascript>
username.focus();
</script>
</body>
</html><HTML>
<HEAD>
<TITLE> 登录页面 </TITLE>
方法2
<script language="javascript" event="onkeydown" for="document">
<!–
if(event.keyCode==13)
{
document.all(‘TBUTTON’).click();
}
–>
</script></HEAD>
<BODY ONLOAD="window.document.forms[0].username.focus();">
<FORM ACTION="" NAME="TEST" METHOD="POST">
用户名:<INPUT TYPE="TEXT" NAME=" username" tabindex="1"><BR>
密码:
<INPUT TYPE="TEXT" NAME="PASSWORD" tabindex="2"><BR>
<INPUT TYPE="BUTTON" NAME="TBUTTON" VALUE="回车" οnclick="alert(‘已经点击!!’);" tabindex="3">
</FORM>
</BODY>
</HTML>
至于TAB顺序设置,很简单,在控件上属性里加上
TABINDEX="1" 序号标示先后
<input TABINDEX="1" id="username" style="FONT-SIZE: 9pt; WIDTH: 120px; COLOR: black" maxlength="18" name="username" />