HTML <fieldset> ปิดใช้งานแอตทริบิวต์
ตัวอย่าง
ปิดการใช้งานกลุ่มขององค์ประกอบแบบฟอร์มที่เกี่ยวข้อง:
<form action="/action_page.php">
<fieldset disabled>
<legend>Personalia:</legend>
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</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="Submit">
</fieldset>
</form>
ความหมายและการใช้งาน
แอตทริบิวต์disabled
นี้เป็นแอตทริบิวต์บูลีน
เมื่อมีอยู่ จะระบุว่ากลุ่มขององค์ประกอบแบบฟอร์มที่เกี่ยวข้อง (ชุดฟิลด์) ควรถูกปิดใช้งาน
ชุดฟิลด์ที่ปิดใช้งานใช้ไม่ได้และไม่สามารถคลิกได้
สามารถตั้ง ค่าdisabled
แอตทริบิวต์เพื่อป้องกันไม่ให้ผู้ใช้ใช้ฟิลด์ต่างๆ จนกว่าจะตรงตามเงื่อนไขอื่นๆ (เช่น การเลือกช่องทำเครื่องหมาย ฯลฯ) จากนั้น JavaScript สามารถลบค่าที่ปิดใช้งานและทำให้ fieldset ใช้งานได้อีกครั้ง
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
Attribute | |||||
---|---|---|---|---|---|
disabled | Yes | Yes | Yes | 6.0 | Yes |
ไวยากรณ์
<fieldset disabled>
❮ แท็ก HTML <fieldset>