`

HTML disabled 属性 disabled="disabled"

阅读更多
          <input type="button" value="开始上传" id="idBtnupload" disabled="disabled" />
          &nbsp;&nbsp;&nbsp;
          <input type="button" value="全部取消" id="idBtndel"    disabled="disabled" />


disabled 属性 -- 表示已经失效的输入域(框)
引用网址:http://www.dreamdu.com/xhtml/attribute_disabled/
示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<form id="dreamduform" action="dreamdu.php" method="post">
	        <label for="fav">计算机</label>
	        <input type="checkbox" value="1" id="fav" name="fav" />
	        <label for="fav">旅游</label>
	        <input type="checkbox" value="2" id="fav" name="fav" disabled="disabled" />
	        <label for="fav">购物</label>
	        <input type="checkbox" value="3" id="fav" name="fav" />
		</form>
	</body>
</html>




定义和用法
disabled 属性可设置或返回是否禁用 checkbox。

语法
checkboxObject.disabled=true|false实例
下面的例子禁用了该 checkbox:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script type="text/javascript">
            function disable(){
                document.getElementById("check1").disabled = true
            }
        </script>
    </head>
    <body>
        <form>
            <input type="checkbox" id="check1" />
            <input type="button" onclick="disable()" value="Disable Checkbox" />
        </form>
    </body>
</html>

分享到:
评论

相关推荐

    基于js disabled=&quot;false&quot;不起作用的解决办法

    这在HTML属性中是有效的,因为HTML属性值都是字符串类型。但在JavaScript中,这样的代码并不会将disabled属性的值转换成布尔值的false,因此元素仍然保持禁用状态。 根据文章内容,正确的做法是直接将disabled属性...

    disabled属性

    对于支持`disabled`属性的HTML元素(例如`&lt;input&gt;`、`&lt;button&gt;`、`&lt;select&gt;`等),可以通过以下方式添加: ```html &lt;input type="text" disabled&gt; &lt;button disabled&gt;按钮 &lt;select disabled&gt; &lt;option value="option...

    用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用,可以使用如下... jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性

    Ant design vue 的组件禁用属性 disabled.pdf

    在Ant Design Vue这一流行的前端UI库中,`disabled`属性是一个关键特性,它允许开发者禁用用户对特定组件的操作,从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态,这在许多场景下都是...

    使用jQuery设置disabled属性与移除disabled属性

    在网页开发中,表单元素的交互性是关键部分,其中`readonly`和`disabled`两个属性用于控制用户对表单元素的编辑权限。本文主要探讨如何使用jQuery来设置和移除`disabled`属性,同时对比`readonly`和`disabled`的区别...

    Vue动态控制input的disabled属性的方法

    首先,让我们看一下 input 框的 HTML 源代码:&lt;el-input v-model="dataForm.name" placeholder="配置项" v-bind:disabled="dataForm.id"&gt;。在这个示例中,我们使用了 Vue 的 v-bind 指令来绑定 input 框的 disabled ...

    select-disabled-传值

    - **`disabled`属性**:此属性用于禁用`select`元素,使其变为不可编辑的状态。 - **传值**:即使`select`被禁用,我们仍然需要将当前选中的值传递给后端进行处理。 #### 实现步骤详解 ### JSP页面片段 在JSP页面...

    js和jquery设置disabled属性为true使按钮失效

    在JavaScript(简称js)和jQuery库中,可以方便地通过设置`disabled`属性来实现这一功能。本文将详细探讨如何使用这两种方法使按钮失效。 首先,我们来看JavaScript原生方法。JavaScript是一种广泛使用的客户端脚本...

    jquery操作checked属性以及disabled属性的多种方法

    本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复选框(checkbox)上,用于指定元素是否被选中。`disabled`属性则用于指定元素...

    VUE.js实现动态设置输入框disabled属性

    :disabled="dataForm.id!=0"&gt; ``` 这段代码中,`dataForm`是一个Vue实例的数据对象属性,`account`是输入框的值,而`:disabled`则根据`dataForm.id`的值来决定是否禁用输入框。如果`dataForm.id`不等于0,那么`...

    基于js disabled=false不起作用的解决办法

    js使某表单元素不能访问:document.getElementById(“text_id”).disabled=”true”; 如果想取消时用:document.getElementById(“text_id”).disabled=”false”;不会起作用。 正确写法为:document.getElementById...

    Ewebeditor License not found. Disabled.doc

    Disabled 的问题,今天我们将深入探讨这个问题的成因和解决方法。 首先,让我们了解 Ewebeditor 的 License 机制。Ewebeditor 的 License 是一个授权文件,用于验证用户的身份和权限。当用户安装 Ewebeditor 时,...

    JQuery设置和去除disabled属性的5种方法总结

    这种方式会将`disabled`属性添加到指定元素(ID为`areaSelect`的元素)上,其效果等同于HTML中的`disabled="disabled"`。 - **方法二:直接赋值为`"disabled"`** ```javascript $('#areaSelect').attr(...

    微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

    在某些情况下,直接赋值字符串如`disabled="false"`可能导致预期效果不达,因为微信小程序解析时会将字符串"false"视为真值(true)。因此,正确的做法是使用`disabled="{{false}}"`这样的形式。 如果遇到disabled...

    超链接的禁用属性Disabled使用示例

    &lt;a herf='http://www.baidu.com' xss=removed disabled='ture'&gt;bai du&lt;/a&gt; 上面的意思是不想让bai du的超链生效,但在click不做任何约束和判断的话,但点击bai du的时候自然就会跳转到百度页面,这就是html中超链接...

    Jquery设置attr的disabled属性控制某行显示或者隐藏

    在本例中,我们将利用attr()函数来设置disabled属性,这是一个布尔型属性,当其存在时,表示对应的输入框(input)、选择框(select)等表单元素将被禁用,即用户不能与之交互,并且它们在页面上的显示通常会呈现为灰色...

    怎样通过disabled和readonly将input设置为只读效果.docx

    Disabled 属性会使 Input 元素的值无法被传递给服务器端程序,而 Readonly 属性则不会影响其值的传递。 因此,在实际开发中,需要根据具体情况选择合适的方法来实现 Input 只读效果。如果需要使 Input 元素的值无法...

Global site tag (gtag.js) - Google Analytics