HTML | DOM 输入按钮自动对焦属性

在 HTML 中，可以通过设置 autofocus 属性来使输入按钮自动对焦，即在页面加载时自动将光标放置在输入框中，方便用户快速输入。

用法

<input type="text" autofocus>

通过设置 autofocus 属性，可以让页面加载时，第一个输入框自动对焦。也可以将属性设置在其他类型的表单元素上，比如按钮。

<button autofocus>提交</button>

兼容性

该属性兼容大多数现代浏览器，但是在 IE9 以下版本中不支持。在使用时，也要注意不要重复设置多个表单元素的 autofocus 属性，因为只会有一个元素自动对焦。

注意事项

自动对焦可能会影响用户体验，过度使用可能会使页面显得冗杂。如果有多个输入框，最好只将 autofocus 属性设置在最常用或者最重要的表单元素上。此外，如果输入框存在默认值，可能会覆盖用户在自动对焦时输入的内容，所以要注意在设计时合理设置默认值。

参考链接： MDN | autofocus