HTML5中预先选择选项的指定方法

在HTML5中，我们可以使用一些属性和标签来指定页面加载时应预先选中一个选项。这些属性包括selected、checked和autofocus等，以下将详细介绍这些属性及其使用方法。

selected 属性

selected属性用于指定下拉框（<select>元素）或列表框（<optgroup>和<option>元素）中应预先选中的选项。例如：

<select>
  <option>Option 1</option>
  <option selected>Option 2</option>
  <option>Option 3</option>
</select>

上述代码中，Option 2会在页面加载时被预先选中。

checked 属性

checked属性用于指定单选按钮（<input type="radio">元素）和复选框（<input type="checkbox">元素）中应预先选中的选项。例如：

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female" checked> Female

上述代码中，Female会在页面加载时被预先选中。

autofocus 属性

autofocus属性用于指定页面加载时应自动聚焦的元素。例如：

<input type="text" autofocus>

上述代码中，文本框会在页面加载时自动聚焦，这意味着当用户通过键盘输入时，文本框中的内容将直接出现在文本框中，而不需要首先单击文本框。

总结

在HTML5中，我们可以使用selected、checked和autofocus等属性来指定页面加载时应预先选中的选项，使用户在打开页面时可以更快地完成操作。