📜  默认选择选项 - Html (1)

📅  最后修改于: 2023-12-03 15:42:34.173000             🧑  作者: Mango

默认选择选项 - HTML

在HTML的表单中,有时我们希望在页面加载时自动选择某些选项。这可以通过设置默认值来实现。

单选按钮

对于单选按钮,可以在HTML标签中使用"checked"属性来设置默认选项。例如:

<input type="radio" name="fruit" value="apple" checked>苹果
<input type="radio" name="fruit" value="banana">香蕉
<input type="radio" name="fruit" value="orange">橙子

上面的代码会默认选中"苹果"这个选项。

复选框

对于复选框,同样可以在HTML标签中使用"checked"属性来设置默认选项。例如:

<input type="checkbox" name="hobby" value="reading" checked>阅读
<input type="checkbox" name="hobby" value="travel">旅行
<input type="checkbox" name="hobby" value="music">音乐

上面的代码会默认选中"阅读"这个选项。

下拉框

对于下拉框,可以在HTML标签中使用"selected"属性来设置默认选项。例如:

<select name="city">
  <option value="beijing" selected>北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>

上面的代码会默认选中"北京"这个选项。

以上就是如何在HTML表单中设置默认选项的方法。