HTML optgroup disabled 属性
htmlweb developmentfront end technology更新于 2025/6/16 22:04:17
<optgroup> 的 disabled 属性用于禁用选项组。禁用后,选项组将无法点击。语法如下:−
<optgroup disabled>
现在让我们看一个实现 <optgroup> 元素的 disabled 属性的示例 −
示例
<!DOCTYPE html> <html> <body> <h2>Water Levels</h2> <p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p> <select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two">5:3</option> </optgroup> <optgroup label="Water" disabled> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select> </body> </html>
输出

在上面的例子中,我们设置了两个选项组 −
<optgroup label="Ratio"> <option value="one">3:2</option> <option value="two">5:3</option> </optgroup> <optgroup label="Water" disabled> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup>
我们已将其中一个选项组设置为禁用 −
<optgroup label="Water" disabled> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup>
现在上述选项将被禁用,访问者将无法选择它们。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/

