数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究HTML DOM Fieldset disabled 属性
HTML DOM Fieldset disabled 属性用于禁用给定 fieldset 中存在的元素组。如果该属性设置为 true，则元素被禁用，否则它们被启用，这也设定为默认值。默认情况下，浏览器以灰色渲染禁用的元素，用户无法单击或写入这些元素。
语法
以下是语法 -
要设置 disabled 属性 -
fieldsetObj.disabled = true|false
要返回 disabled 属性 -
fieldsetObj.disabled
示例
让我们看一个 Fieldset disabled 属性的示例 -
<!DOCTYPE html>
<html>
<head>
<script>
function FieldDisable() {
document.getElementById("FieldSet1").disabled = true;
}
function FieldEnable() {
document.getElementById("FieldSet1").disabled = false;
}
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form>
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="FieldEnable()">Enable</button>
<button onclick="FieldDisable()">Disable</button>
<p>Click on the enable button to enable the fieldset and disable to disable the fieldset</p>
</body>
</html>输出
这将产生以下输出 -
单击禁用按钮 -
在上面的示例中 -
我们首先创建了一个表单，其中元素使用具有 id 属性且设置为 “Fieldset1” 的 <fieldset> 元素分组 -
<form> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>
然后我们创建了两个按钮 “启用” 和 “禁用”，分别执行 FieldEnable() 和 FieldDisable() 函数 -
<button onclick="FieldEnable()">Enable</button> <button onclick="FieldDisable()">Disable</button>
fieldEnable() 和 FieldDisable() 函数分别将 fieldset disabled 属性设置为 true 和 false。这使我们能够启用或禁用存在于指定 fieldset 内的那些元素 -
function FieldDisable() {
document.getElementById("FieldSet1").disabled = true;
}
function FieldEnable() {
document.getElementById("FieldSet1").disabled = false;
}
更新日期：19-2-2021
323 个浏览量
广告