HTML 输入自动对焦

在 HTML 开发中，我们经常需要实现输入框自动对焦的功能，以提升用户的操作体验。自动对焦意味着页面加载完成后，输入框会自动获得焦点，而无需用户手动点击。在本文中，我们将介绍两种常见的实现自动对焦的方法。

1. 使用 autofocus 属性

HTML5 引入了 autofocus 属性，可以直接在输入框元素上添加该属性来实现自动对焦。代码如下：

<input type="text" autofocus>

这样，在页面加载完成后，输入框将会自动获得焦点。需要注意的是，autofocus 属性只能应用于一个输入框元素，多个输入框都添加了 autofocus 属性时，只有第一个会生效。

2. 使用 JavaScript

如果需要实现更复杂的自动对焦逻辑，比如根据用户操作实现动态自动对焦，可以使用 JavaScript 来实现。以下是一个使用 JavaScript 实现自动对焦的示例：

<input id="myInput" type="text">

<script>
  window.onload = function() {
    document.getElementById("myInput").focus();
  };
</script>

在上述示例中，我们首先为输入框元素设置了一个唯一的 id 属性，并给其命名为 myInput。然后使用 JavaScript，通过 getElementById 方法获取该输入框元素，并调用 focus 方法来实现对焦。

以上是两种常见的实现 HTML 输入自动对焦的方法。根据具体的需求和情况，选择适合的方法来实现自动对焦功能，可以有效提升用户体验。

希望本文对您在开发中的需求有所帮助！