資料結構
網路
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 次瀏覽
廣告