HTML | DOM 输入范围自动对焦属性

在HTML表单中，我们经常需要让用户输入特定范围内的值。为了方便用户输入，我们可以使用<input type="range">元素来创建一个滑动条，让用户选择自己需要的值。如下所示：

<input type="range" min="0" max="100" value="50">

但是，这里有一个问题，就是用户在初始时需要手动拖动滑动条才能选择自己需要的值，比较麻烦。这时我们可以使用HTML5新增的自动对焦属性autofocus，使滑动条在页面加载完成后自动对焦，让用户可以直接输入自己需要的值。

<input type="range" min="0" max="100" value="50" autofocus>

除了输入范围滑动条，HTML表单还有其他一些元素也支持该属性，比如<input type="text">、<input type="number">等等。

需要注意的是，自动对焦只会在页面加载完成后自动触发一次，如果用户手动将焦点移动到其他元素，再移回到该元素时，是不会触发自动对焦的。如果需要每次都自动对焦，可以使用JavaScript来实现。

以上就是HTML | DOM 输入范围自动对焦属性的介绍，希望对你有所帮助。