HTML | DOM Input Radio defaultValue 属性

简介

在 HTML 中，input type="radio" 元素用于创建单选按钮。defaultValue 属性用于设置单选按钮的默认选中状态。

语法

以下是设置 defaultValue 属性的语法：

<input type="radio" defaultValue="value">

属性值

defaultValue 属性接受字符串类型的值，表示单选按钮的默认选中值。对于单选按钮，其值是唯一的。

示例

下面是一个单选按钮的示例，其中 defaultValue 属性设置为 "option2"：

<form>
  <input type="radio" name="option" value="option1"> Option 1
  <input type="radio" name="option" value="option2" defaultValue="option2"> Option 2
  <input type="radio" name="option" value="option3"> Option 3
</form>

在上面的示例中，页面加载时，"Option 2" 单选按钮将被默认选中。

注意事项

• 即使设置了 defaultValue 属性，用户仍然可以自由选择不同的选项。defaultValue 只在页面加载时用于设置默认选中状态。
• defaultValue 属性只在初始化页面时生效，如果用户已经修改了单选按钮的选中状态，defaultValue 不会重新设置。

浏览器兼容性

defaultValue 属性在大多数现代浏览器中得到支持，包括 Chrome、Firefox、Safari、Edge 和 Opera。

总结

通过使用 defaultValue 属性，可以在 HTML 中设置单选按钮的默认选中状态。考虑到浏览器兼容性，建议在使用时进行兼容性测试，以确保在目标浏览器中正常工作。