您的位置:MYSQL中文网 > html的disabled属性 HTML DOM Option disabled 属性

html的disabled属性 HTML DOM Option disabled 属性

2023-03-21 21:30

html的disabled属性 HTML DOM Option disabled 属性

html的disabled属性

disabled 属性是 HTML 中的一个常用属性,它可以让元素处于不可用状态,从而阻止用户对其进行操作。它可以应用于大多数 HTML 元素,包括表单元素、按钮、输入字段和选择列表。

disabled 属性的值是布尔值(true 或 false),当 disabled 属性被设置为 true 时,该元素将处于不可用状态。在这种情况下,用户将无法对该元素进行任何操作。

<input type="text" disabled="disabled"> 

上面的代码将会创建一个文本字段,该字段将处于不可用状态。在这里,disabled 属性的值被设置为 true。

此外,disabled 属性也可以应用于

 
<select> 
    <option value="1">Option 1</option> 
    <option value="2" disabled="disabled">Option 2 (Disabled)</option> 
    <option value="3">Option 3</option> 
</select> 

上面的代码会创建一个选择列表,其中 Option 2 处于不可用状态。在这里 disabled 属性也被设置为 true。

此外,HTML5 还引入了一个新的 disabled 特性来标识表单中的所有字段是否已启用或已停用。例如:

   <form disabled="disabled" >   

上面的代码会使整个表单处于不可用状态。在这里 disabled 的值也是 true。

HTML DOM Option disabled 属性

Option disabled 属性

Option 对象参考手册 Option 对象

实例

实例 1

禁用下拉列表的第二选项:

<script>

document.getElementById("mydrop").options[1].disabled=true;

</script>

输出结果:

Cat Dog Horse



定义和用法

disabled 属性可设置或返回是否默认地禁用某个 <option> 元素。

被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。

语法

设置 disabled 属性:

element.disabled=true|false

返回 disabled 属性:

element.disabled


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 disabled 属性


Option 对象参考手册 Option 对象
阅读全文
以上是MYSQL中文网为你收集整理的html的disabled属性 HTML DOM Option disabled 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 MYSQL中文网 mysqlcn.com 版权所有 联系我们
桂ICP备12005667号-29 Powered by CMS