数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会研究
时装设计
法律研究HTML DOM Fieldset 表单属性
HTML DOM Fieldset 表单属性返回的 form 对象是指定元素所属表单的引用。正是这种引用对应着位于该指定表单内部的 <fieldset> 元素。该属性是只读的。如果 fieldset 不是存在于表单内部，则返回 null。
语法
下面是 fieldset 表单属性的语法 −
fieldsetObject.form
示例
下面通过示例了解 fieldset 表单属性 −
<!DOCTYPE html>
<html>
<head>
<script>
function formId() {
var field = document.getElementById("FieldSet1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form in which fieldset
element is present is "+field;
}
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<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="formId()">GET ID</button>
<p id="Sample"></p>
</body>
</html>输出
输出结果如下 −
点击“获取 ID”按钮 −
在以上示例中 −
我们首先创建了一个 id 为“FORM1”的 <form> 元素，其中包含一个 id 为“FieldSet1”的 <fieldset> 元素 −
<form id="FORM1"> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name:<input type="text"><br> Address:<input type="text"><br> Age:<input type="text"> </fieldset> </form>
然后我们创建了一个“获取 ID”按钮，该按钮在用户点击后将执行 formId() 函数 −
<button onclick="formId()">GET ID</button>
formId() 函数使用 getElementById() 获取 fieldset 元素，并使用其 form.id 获取该属性，该属性会返回其中 fieldset 元素所在的表单的 id。将返回的 form.id 值分配给 field 变量。然后，将变量显示于具有 id “Sample” 关联段落中，并使用其 innerHTML 属性分配文本 −
function formId() {
var field = document.getElementById("FieldSet1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form in which fieldset element is present is "+field;
}
更新于: 19-Aug-2019
124 次浏览量
广告