📅 最后修改于: 2023-12-03 15:01:14.121000 🧑 作者: Mango
在 HTML 中，我们经常需要使用日期选择器。而在一些情况下，我们希望页面加载时日期选择器能够自动获得焦点，让用户可以直接输入日期，而无需手动选择。
这个需求可以通过添加 DOM 的 autofocus 属性来实现。autofocus 属性规定了当页面加载时，元素应该自动获取焦点。
<input type="date" autofocus>
以上代码片段将在页面加载时自动聚焦于日期选择器。
然而，我们还可以通过 JavaScript 的 DOM 操作来实现自动聚焦。这样，在某些特定场景，我们可以更精确地控制日期选择器的聚焦行为。
下面是一个通过 JavaScript 的 DOM 操作，实现自动聚焦的示例代码：
<!DOCTYPE html>
<html>
<body>
<p>输入日期自动对焦：</p>
<input type="date" id="myDate">
<script>
document.getElementById("myDate").focus();
</script>
</body>
</html>
以上代码片段中，我们通过 JavaScript 的 getElementById 方法获取了 id 为 myDate 的日期选择器元素，并在其上调用了 focus 方法，使其自动获取焦点。
在实际开发过程中，我们可以针对不同的场景使用不同的方法，来实现日期选择器的自动聚焦行为。