只要在该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);
zhuan :https://www.cnblogs.com/zydtm/p/9140087.html