数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 字段组 name 属性
HTML DOM Fieldset name 属性用于获取或设置 <fieldset> 元素的 name 属性值。name 属性有助于在表单提交后识别表单数据，或仅用于引用表单元素。
语法
以下是语法 −
设置 fieldset name 属性 −
fieldsetObject.name = name
此处，name 指定 fieldset 名称。
示例
让我们看一个 Fieldset name 属性的示例 −
<!DOCTYPE html>
<html>
<head>
<script>
function fieldName() {
var field = document.getElementById("FieldSet1").name;
document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1" name="FS1">
<legend>User Data:</legend>
Name: <input type="text"><br>
Address: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
<br>
<button onclick="fieldName()">GET NAME</button>
<p id="Sample"></p>
</body>
</html>输出
这将产生以下输出 −
单击 GET NAME 按钮时 −
在上例中 −
我们首先在表单元素中创建了一个名称为“FS1”和 ID 为“FieldSet1”的 fieldset −
<form id="FORM1"> <fieldset id="FieldSet1" name="FS1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>
然后，我们创建了一个 GET NAME 按钮，在用户单击后，该按钮将执行 fieldname() 方法 −
<button onclick="fieldName()">GET NAME</button>
fieldname() 方法使用 getElementById() 方法获取 fieldset 元素。然后它获取其 name 属性值并将其分配给变量 field。然后，此值显示在 ID 为“Sample”的段落中，并使用 innerHTML 属性将其分配给文本 −
function fieldName() {
var field = document.getElementById("FieldSet1").name;
document.getElementById("Sample").innerHTML = "The fieldset name is "+field;
}
更新于: 19-Feb-2021
185 次浏览
广告