HTML disabled 属性 disabled="disabled"

最新推荐文章于 2023-05-24 11:21:09 发布

stairheaven

最新推荐文章于 2023-05-24 11:21:09 发布

阅读量787

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： HTML 旅游 Java XHTML

本文链接：https://blog.csdn.net/stairheaven/article/details/83700065

web前端专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了HTML中disabled属性的使用方法及示例代码。通过实际案例展示了如何禁用表单元素，包括按钮和复选框等，并提供了JavaScript动态禁用元素的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="button" value="开始上传" id="idBtnupload" disabled="disabled" />

<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>