HTML5里autofocus自动聚焦属性使用介绍

HTML5的魔力令人惊叹。以前需要借助JavaScript和Flash完成的工作，如今只需使用基本的HTML即可轻松实现。例如，表单验证、客户端重命名下载文件以及音频/视频播放等功能，HTML5都能游刃有余地处理。今天，我们要深入的是HTML5中的一个简单而实用的功能——当页面加载完成时，自动将输入焦点定位到特定元素上。这一功能归功于autofocus属性。

HTML代码非常简单，只需在INPUT、TEXTAREA或BUTTON元素上添加autofocus属性即可。举个例子：

```html

Hi!

```

当页面加载时，具有autofocus属性的这些元素会被自动选中。值得注意的是，对于纯显示元素，如H1标签，autofocus属性并不起作用。

这个属性在某些情境下非常实用。以谷歌首页为例，大多数时候，用户都会进行搜索操作，所以页面加载时，光标自然而然地定位在搜索框内。以前，这需要借助JavaScript才能实现，但现在，只需利用HTML5的autofocus属性，就能轻松实现这一功能。

HTML5为我们提供了许多强大的功能，使得网页开发更加便捷。无论是表单验证、客户端操作，还是自动聚焦等，HTML5都在不断地为我们带来惊喜。希望大家能对HTML5有更深入的了解，并在实际开发中充分运用这些强大的功能。也希望大家继续支持狼蚁SEO，共同学习进步。

让我们用Cambrian的render方法呈现这段内容吧：

```javascript

cambrian.render('body');

```