打开页面就获得焦点

最新推荐文章于 2023-02-23 23:16:57 发布

最新推荐文章于 2023-02-23 23:16:57 发布 · 613 阅读

文章标签：

#HTML

技术日志专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种通过在HTML body标签中使用onload事件来实现页面加载完成后自动将光标定位到指定输入框的方法。该方法适用于需要快速进行输入操作的场景，如登录页面等。

在body标签中添加语句：onload="document.getElementById('userid ').focus()"即可。

其中 userid 为获得焦点的元素id。

<html>

<body onload="document.getElementById('username ').focus()" >

      <form method="post">
            <table>            
                <tr>
                    <td>用户名：</td>
                    <td><input type="text" id="userid" name="username "  /></td>
                </tr>
                <tr>
                    <td >密 &nbsp;码：</td>
                    <td><input type="password" id="password" name="password" /></td>
                </tr>
            </table>
        </form>
</body>
</html>