คุณสมบัติประเภท HTML DOM Fieldset

คุณสมบัติประเภท HTML DOM Fieldset ใช้สำหรับส่งคืนประเภทองค์ประกอบ fieldset มันจะเป็นประเภท fieldset สำหรับองค์ประกอบ fieldset เสมอ เป็นคุณสมบัติอ่านอย่างเดียว

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติประเภท Fieldset -

fieldsetObject.type

ตัวอย่าง

ให้เรามาดูตัวอย่างคุณสมบัติประเภท Fieldset -

<!DOCTYPE html>
<html>
<head>
<script>
   function FieldType() {
      var field = document.getElementById("FieldSet1").type;
      document.getElementById("Sample").innerHTML = "The fieldset element is of type "+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="FieldType()">GET TYPE</button>
<p id="Sample"></p>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

คุณสมบัติประเภท HTML DOM Fieldset

เมื่อคลิกปุ่ม GET TYPE -

คุณสมบัติประเภท HTML DOM Fieldset

ในตัวอย่างข้างต้น −

เราได้สร้างองค์ประกอบ fieldset ที่มี id “FieldSet1” ภายในองค์ประกอบแบบฟอร์ม-

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

เราได้สร้างปุ่ม "GET TYPE" ที่จะเรียกใช้ฟังก์ชัน FieldType() เมื่อผู้ใช้คลิก -

<button onclick="FieldType()">GET TYPE</button>

เมธอด FieldType() จะได้รับค่าแอททริบิวต์ประเภท fieldset และกำหนดค่าให้กับฟิลด์ตัวแปร เนื่องจากประเภทสำหรับองค์ประกอบ fieldset จะเป็น fieldset เสมอ มันจะส่งคืนค่า fieldset ค่านี้จะแสดงในย่อหน้าที่มีรหัส "ตัวอย่าง" โดยใช้คุณสมบัติ innerHTML -

function FieldType() {
   var field = document.getElementById("FieldSet1").type;
   document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}