在 HTML 中，<button> 元素用于创建按钮，供用户点击以执行特定操作。在一些情况下，我们可能希望页面加载后自动将焦点设置在某个按钮上，这时就可以使用autofocus属性。
什么是 autofocus 属性
autofocus是一个布尔属性，用于指定当页面加载时，按钮是否应该自动获得焦点。当autofocus属性被设置为autofocus时，按钮会自动获得焦点，而无需用户手动点击。
如何使用 autofocus 属性
要使用autofocus属性，只需在<button>元素中添加autofocus即可。示例如下：
------- --------------- -----------
在上面的示例中，按钮在页面加载后会自动获得焦点，用户可以直接按下回车键或空格键来触发按钮点击事件。
注意事项
- 一个页面中只能有一个元素拥有
autofocus属性，多个autofocus属性会导致只有第一个被设置为自动聚焦。 - 使用
autofocus属性时要注意用户体验，确保自动获得焦点的元素是用户最可能需要交互的元素。
兼容性
autofocus属性在大多数现代浏览器中得到支持，包括Chrome、Firefox、Safari等。但是在一些旧版本的浏览器中可能不被支持，因此在使用时需要注意浏览器兼容性。
总结
通过使用autofocus属性，我们可以在页面加载后自动将焦点设置在指定的按钮上，提升用户体验。但是在使用时需要注意兼容性和用户体验，确保页面的交互性和易用性。