คุณสมบัติ type ของ Fieldset ใน HTML DOM ใช้สำหรับคืนค่าประเภทขององค์ประกอบ fieldset จะเป็น "fieldset" เสมอสำหรับองค์ประกอบ fieldset เป็นคุณสมบัติแบบอ่านอย่างเดียว (read-only)
ไวยากรณ์ (Syntax)
fieldsetObject.typeตัวอย่าง
ตัวอย่างการดึงประเภทของ fieldset:
<!DOCTYPE html>
<html>
<head>
<script>
function FieldType() {
var type = document.getElementById("FieldSet1").type;
document.getElementById("Sample").innerHTML = "ประเภทขององค์ประกอบ fieldset คือ: " + type;
}
</script>
</head>
<body>
<h1>ตัวอย่างฟอร์ม</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>ผลลัพธ์
เมื่อโหลดหน้าเว็บจะแสดงฟอร์มมี fieldset "User Data" พร้อมช่อง Name, Address, Age และปุ่ม "GET TYPE"
เมื่อคลิกปุ่ม "GET TYPE" จะแสดง "ประเภทขององค์ประกอบ fieldset คือ: fieldset"
คำอธิบายโค้ด
- สร้าง
<form id="FORM1">มี<fieldset id="FieldSet1">ภายใน - สร้างปุ่ม "GET TYPE" เรียกใช้
FieldType()เมื่อคลิก - ฟังก์ชัน
FieldType()ดึง fieldset อ่าน.typeเก็บในtype - ค่าจะเป็น "fieldset" เสมอ แล้วแสดงในย่อหน้า
id="Sample"
