首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将焦点设置到独立于id的HTML表单中的第一个input元素?

如何将焦点设置到独立于id的HTML表单中的第一个input元素?
EN

Stack Overflow用户
提问于 2008-11-10 10:30:31
回答 18查看 189.3K关注 0票数 92

有没有一种简单的方法来在第一个输入元素(文本框,下拉列表,...)上设置网页的焦点(输入光标)?在不知道元素id的情况下加载页面时?

我想将它实现为我的web应用程序的所有页面/表单的通用脚本。

EN

回答 18

Stack Overflow用户

回答已采纳

发布于 2008-11-10 21:01:23

您也可以尝试基于jQuery的方法:

代码语言:javascript
复制
$(document).ready(function() {
    $('form:first *:input[type!=hidden]:first').focus();
});
票数 102
EN

Stack Overflow用户

发布于 2011-06-23 04:49:02

虽然这并没有回答这个问题(需要一个通用脚本),但我认为让其他人知道HTML5引入了'autofocus‘属性可能会有用:

代码语言:javascript
复制
<form>
  <input type="text" name="username" autofocus>
  <input type="password" name="password">
  <input type="submit" value="Login">
</form>

Dive in to HTML5有更多信息。

票数 145
EN

Stack Overflow用户

发布于 2008-11-10 10:36:46

代码语言:javascript
复制
document.forms[0].elements[0].focus();

这可以使用一个循环来改进,例如。不聚焦某些类型的字段、禁用字段等。更好的方法是在你真正想要聚焦的字段中添加一个class=“自动聚焦”,然后遍历formsi.elementsj来查找那个className。

无论如何:在每个页面上这样做通常不是一个好主意。当你聚焦一个输入时,用户失去了例如。从键盘滚动页面。如果这是意想不到的,这可能会很烦人,所以只有当您非常确定使用表单字段将是用户想要做的事情时,才会自动聚焦。即。如果你是谷歌。

票数 39
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/277544

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档