如何将默认焦点放在网页上的搜索栏上，就像谷歌一样

Question

我正在尝试建立一个网站。它已接近完成，只需要完成一些细节。

我遇到一个小问题，无法在互联网上找到解决方案。

当加载网站上的索引页面时，我希望焦点自动显示在搜索栏上，这样一个人就可以加载页面并开始输入以进行搜索。

该网站包含了jquery库。

Answer 1

您可以使用autofocus属性完成此操作：

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

Answer 2

试试这样：

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

或

尝试tabindex="1"

Answer 3

如果你想使用jQuery：

<script> $(function(){ $('#elementID').focus(); }); </script>

或纯HTML：

<input type="search" autofocus="autofocus">

但这需要浏览器支持HTML5自动聚焦属性，因此jQuery解决方案更加可靠。

Answer 4

您可以使用以下3种方法执行此操作，这些可以帮助您：

1）<input type="text" id="search" name="search" autofocus />

2）$(function(){ $("#search").focus(); });

3）window.onload = function() { document.getElementById("search").focus(); };