如何将光标在一进入页面就定位在你所想输入的那个输入框里面？

最新推荐文章于 2022-12-16 00:05:51 发布

原创最新推荐文章于 2022-12-16 00:05:51 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #action #login

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在登录页面实现自动聚焦功能，通过在HTML body标签中添加特定的JavaScript代码，使用户输入光标自动定位到用户名输入框，从而提升用户登录体验。

以登录页面为例
代码如下：
<html>

<body>

<form action=" " name="login">

用户名：<input type="text" name="user"/><br/>
密码：<input type="password" name="password"/><br/>

</form>

</body>

</html>

在以上代码中，如果你想在项目中一进入这个页面就想光标自动定位在用户名输入框里面的话，只需在body标签定义<body onload="javascript:document.all.user.focus();">即可
或者在body标签定义<body onload="javascript : document.login.user.focus();">亦可