Question

当您进入页面时，某些网站如何自动选择输入字段？与YouTube的登录页面一样，它会自动选择用户名字段

此网站也在页面上询问问题，例如，它选择标题字段。

他们是如何做到的？我的猜测是javascript

但是怎么样？

Answer 1

<head>
<!-- set focus to a field with the name "searchcontent" in my form -->
<script type="text/javascript">
    function setfocus(a_field_id) {
        $(a_field_id).focus()
    }
</script>
</head>

<body onload="setfocus('customervalue');">

Customer: <input name="customer" id="customervalue" />

</body>

从这里开始：http://lena.franken.de/software/javascript/index.html

Answer 2

未来：<input type="text" autofocus>： - ）

在主体上使用onload也不是一个好主意，使用onDomReady事件，例如来自YUI或jQuery或某些自定义脚本。

Answer 3

使用：

someObject.focus（）

参考：

http://www.w3schools.com/HTMLDOM/met_anchor_focus.asp

Answer 4

目前，大多数网站使用JavaScript自动文件进行此操作，如此处的其他答案所示。但是，如果您正在考虑实现类似的行为，请注意，由于JavaScript的工作方式，这对某些用户来说会很烦人。例如，如果您在页面仍在加载时关注其他字段，JavaScript可能会通过移动焦点并让您键入错误的字段来“帮助”您。 ui.stackexchange.com上的This question列举了一些更多的缺点。

为了防止这种情况，HTML5为表单元素引入了autofocus attribute，这意味着浏览器本身将始终如一地执行该行为，并且可以为发现它令人恼火的用户关闭。当然，所有浏览器都不支持此功能。有关详细信息，请参阅Mark Pilgrim出色的autofocus fields一书中Dive Into HTML5部分。

加载页面时如何自动选择输入字段？

4 个答案: