ตัวเลือก disabled ของ HTML <fieldset>
การเขียนและการใช้งาน
disabled คุณสมบัตินี้เป็นคุณสมบัติบูล
ถ้าได้ตั้งค่าคุณสมบัตินี้ มันกำหนดว่าควรปิดกั้นชุดของอีเลเมนต์ฟอร์มที่เกี่ยวข้อง (fieldset)
fieldset ที่ถูกปิดกั้นไม่ใช้งานและไม่สามารถคลิกได้
สามารถตั้งค่า disabled คุณสมบัตินี้สามารถปิดกั้นชุดของอีเลเมนต์ฟอร์ม (fieldset) ไม่ให้ใช้งานและไม่สามารถคลิกได้ จนกว่าจะผ่านเงื่อนไขบางอย่าง (เช่น ตัดเลือกตัวเลือกชิ้นที่เปิด) หลังจากนั้น JavaScript สามารถลบค่า disabled และทำให้ชุดของอีเลเมนต์ที่ถูกปิดกั้นใช้งานอีกครั้ง。
ตัวอย่าง
ปิดกั้นชุดของอെลาเมนต์ฟอร์มที่เกี่ยวข้อง：
<form action="/action_page.php">
<fieldset disabled>
<legend>ข้อมูลส่วนตัว：</legend>
<label for="fname">ชื่อ：</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">ชื่อสกุล：</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="ส่งมอบ">
</fieldset>
</form>
กระบวนการ
<fieldset disabled>
การสนับสนุนโดยเบราเซอร์
ตัวเลขในตารางนี้ระบุตอนที่เซิร์ฟเวอร์ใช้งานเต็มที่สำหรับคุณสมบัตินี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | 6.0 | สนับสนุน |
disabled attribute คือ แบบตัวอย่างใหม่ของ <fieldset> ใน HTML5
