📅  最后修改于: 2023-12-03 15:24:47.338000             🧑  作者: Mango
在 HTML5 中,可以使用 disabled
属性来禁用表单元素,包括选项组。在选项组中,要禁用所有选项,需要在其外部添加一个 <fieldset>
元素,并将 disabled
属性设置为 true
。如果只需要禁用部分选项,可以在相应的 <input>
元素上设置 disabled
属性。
以下是禁用选项组的示例代码:
<fieldset disabled>
<legend>选项组标题</legend>
<label><input type="radio" name="option" value="1"> 选项1</label><br>
<label><input type="radio" name="option" value="2"> 选项2</label><br>
<label><input type="radio" name="option" value="3" disabled> 选项3(禁用状态)</label><br>
</fieldset>
在上述代码中,disabled
属性被应用于 <fieldset>
元素,以禁用选项组内的所有选项。第三个选项的 <input>
元素上也应用了 disabled
属性,以将其设置为禁用状态。
此外,在 HTML5 中,也可以使用 JavaScript 动态地添加、删除和禁用选项组中的选项。这需要使用 Element
对象的相关方法,如 insertBefore()
、removeChild()
和 setAttribute()
。