只要在该input标签后添加autofocus="autofocus"即可
代码实例:
<html>
<head></head>
<body>
用户名:<input type="text" id="username" name="username" autofocus="autofocus"/><br/>
密码:<input type="text" id="password" name="password"/><br/>
<input type="submit" name="submitBtn" value="提交"/>
</body>
</html>
focus 不生效:
在执行一段脚本时,对dom的操作应当是即时生效的。dom操作确实都是同步的。但是因dom改变而触发的事件,以及其他一些效应(例如样式应用),很可能是异步的。所以,focus这里可能是有延迟的。也有人说脚本对dom的操作不是即时生效的,浏览器可能执行完当前脚本所有代码后才真正处理脚本中对dom的操作。
无论它是不是及时生效,但是,事实就是,focus必须延时一段时间才可以生效。
所以处理这类问题的时候,要加上人工的延时函数,进行延时处理。
延时函数为:settimeout()
setTimeout("$('#test').focus()",500);