By

文章目錄

在登陆后台的时候，要输入用户名和密码，此时希望打开页面，焦点就直接停留在用户名输入框，这样就可以省去移动鼠标的麻烦。

如以下一个登陆表单。

1
2
3
4
5
<form action="login.php" method="post" name="login">
    用户名：<input name="username" type="text" value="" />
    密码：<input name="password" type="password" />
    <input type="submit" value="登陆" />
</form>

此时可以编写如下javascript:

1
2
3
4
5
6
7
window.onload = function() {
    if (document.forms.login.username.value == "") {
        document.forms.login.username.focus();
    } else {
        document.forms.login.password.focus();
    }
}

打赏作者

文章目錄