คุณสมบัติ disabled ของ HTML DOM Input Color ใช้ตั้งค่า/คืนค่าว่า Input Color จะถูกเปิดใช้งานหรือปิดใช้งาน
รูปแบบไวยากรณ์ (Syntax)
- การคืนค่าบูลีน - true/false
inputColorObject.disabled
- การตั้งค่า disabled เป็น booleanValue
inputColorObject.disabled = booleanValue
ค่าบูลีนที่เป็นไปได้
ในที่นี้ “booleanValue” สามารถเป็นค่าต่อไปนี้ได้:
| booleanValue | รายละเอียด |
|---|---|
| true | กำหนดว่า input color ถูกปิดใช้งาน |
| false | กำหนดว่า input color ไม่ถูกปิดใช้งาน และเป็นค่าเริ่มต้น |
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ Input Color disabled:
<!DOCTYPE html> <html> <head> <title>Input Color Disabled</title> </head> <body> <form> Color Picker: <input type="color" id="Color" disabled> </form> <button onclick="enableColorInput()">เปิดใช้งาน Color Input</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputColor = document.getElementById("Color"); divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled; function enableColorInput() { inputColor.disabled = false; divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled; } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
ก่อนคลิกปุ่ม 「เปิดใช้งาน Color Input」 :
หลังคลิกปุ่ม 「เปิดใช้งาน Color Input」 :
