如何让网页上的搜索栏默认聚焦，就像谷歌一样

Question

我正在尝试制作一个网站。它几乎完成了，只有一些细节需要处理。

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

当网站的首页加载时，我希望搜索栏自动获得焦点，这样人们就可以直接在加载页面后开始输入搜索内容。

该网站已经包含了jquery库。

- Paras

---

HTML的autofocus属性HTML的autofocus属性用于在页面加载完成后自动将焦点设置在特定的表单元素上，使用户可以立即开始输入。 - turson

Answer 1

您可以通过使用autofocus属性来实现：

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

- GreyRoofPigeon

---

你说得没错，但这是HTML5，IE8支持怎么样？ - Pratik Joshi

@PratikJoshi，你可以查看此链接。 - GreyRoofPigeon

Answer 2

你可以使用以下3种方法来实现，希望这些能够帮到你：

1）<input type="text" id="search" name="search" autofocus /> 2）$(function(){ $("#search").focus(); }); 3）window.onload = function() { document.getElementById("search").focus(); };

- Kausha Mehta

Answer 3

如果您想使用jQuery：

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

或者纯粹的 HTML：

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

但这需要浏览器支持HTML5的自动对焦属性，所以jQuery方案更可靠。

- jaboja

Answer 4

尝试像这样：

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

或者 尝试tabindex="1"

- G.L.P