只要在该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);

 

 
 
 
 

代码实例:

<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);