强制光标移动到文本字段

时间:2011-04-02 04:24:54

标签: javascript html

如何在我的网页加载时这样做,光标会自动转到给定的文本字段? (例如,在加载页面时在Google上,闪烁的光标已经在搜索框中)

4 个答案:

答案 0 :(得分:13)

您需要使用JavaScript。 e.g。

<input type="text" id="search" />
<script type="text/javascript">
document.getElementById('search').focus()
</script>

答案 1 :(得分:3)

小心实现此功能。用户专注于某个字段并开始键入以查找在页面完成加载时键入时重定向的插入符号非常烦人。我已经在很多网站上看到过这种情况。

我建议使用HTML5 autofocus属性,并回退到不支持它的浏览器中的JavaScript解决方案。以下问题通过在设置焦点之前不等待加载文档来解决上述问题:

<input type="text" name="search" id="search" autofocus>
<script type="text/javascript">
    var input = document.getElementById("search");
    if ( !("autofocus" in input) ) {
        input.focus();
    }
</script>

更多信息可以在diveintohtml.org找到:http://diveintohtml5.ep.io/forms.html#autofocus

答案 2 :(得分:2)

尝试

<body onLoad="document.form1.txtBox1.focus()">

答案 3 :(得分:1)

由于HTML5完全有效,我相信autofocus得到了很好的支持。我会注意这里的其他答案,但在我看来,比JavaScript更容易:

<input type="text" name="name" autofocus>