นิยามและคุณสมบัติ disabled ของ HTML <option>
การระบุและวิธีใช้
disabled
คุณสมบัติเป็นคุณสมบัติบูล
เมื่อมีอยู่ มันกำหนดว่าต้องบล็อคตัวเลือก
ตัวเลือกที่บล็อคได้ไม่สามารถใช้งานและไม่สามารถคลิกได้
สามารถตั้งค่า disabled
มีการกำหนดตัวแปรเพื่อป้องกันให้ผู้ใช้เลือกตัวเลือกนี้ จนกว่าจะพึงสมบัติบางอย่าง (เช่น ตัวเลือกตัวกำเนิด) หลังจากนั้นจะต้องใช้ JavaScript ลบค่า disabled เพื่อทำให้ตัวเลือกนี้สามารถเลือกได้
ตัวอย่าง
รายการรายการตัวเลือกด้านล่างที่มีตัวเลือกที่ถูกปิดการใช้งาน
<label for="cars">โปรดเลือกแบรนด์รถยนต์:</label> <select id="cars"> <option value="audi" disabled>ออดี</option> <option value="byd">บีเอ็ย์ดี</option> <option value="geely">เจียหลี่</option> <option value="volvo">วอลโลฟ</option> </select>
ภาษาบวก
<option disabled>
การสนับสนุนเบราซเรอร์
ตัวเลขในตารางระบุตอนที่เบราซเรอร์สนับสนุนคุณสมบัตินี้ในครั้งแรก
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
การสนับสนุน | 8.0 | การสนับสนุน | การสนับสนุน | การสนับสนุน |