คุณสมบัติปิดการใช้งานปุ่ม HTML DOM เชื่อมโยงกับแอตทริบิวต์ที่ถูกปิดใช้งานขององค์ประกอบ ปุ่มที่ถูกปิดใช้งานคุณสมบัติใช้เพื่อตั้งค่าหรือส่งคืนว่าปุ่มที่กำหนดถูกปิดใช้งานหรือไม่ ใช้เพื่อปิดการใช้งานปุ่มเพื่อให้ผู้ใช้ไม่สามารถโต้ตอบกับองค์ประกอบที่ระบุได้อีกต่อไป การตั้งค่าคุณสมบัติปิดการใช้งานจะทำให้ปุ่มเป็นสีเทาตามค่าเริ่มต้นในเว็บเบราว์เซอร์ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์สำหรับ − การตั้งค่าคุณสมบัติปิดการใช้งาน - buttonObject.disabled = true|false ในที่นี้ true|false จะระบุว่าควรปิดปุ่มอินพุตที่ให้มาหรือไม่ จริง − ปุ่มถูกปิดการใช้งาน เท็จ - ปุ่มนี้จะไม่ถูกปิดใช้งาน ให้เราดูตัวอย่างคุณสมบัติปิดการใช้งานปุ่ม - ตัวอย่าง <!DOCTYPE html> <html> <body> <button id="Button1">BUTTON</button> <p>Click the below button to disable the above button.</p> <button onclick="buttonDis()">CLICK IT</button> <p id="Sample"> <script> function buttonDis() { document.getElementById("Button1").disabled = true; var x=document.getElementById("Button1").disabled; document.getElementById("Sample").innerHTML = "Button disabled is "+x; } </script> </body> </html> ผลลัพธ์ สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ - เมื่อคลิกปุ่ม CLICK IT - ในตัวอย่างข้างต้น − เราได้สร้างปุ่มที่มีรหัส “Button1” และปุ่มนั้นถูกเปิดใช้งานโดยค่าเริ่มต้น <button id="Button1">BUTTON</button> เราได้สร้างปุ่ม CLICK IT เพื่อรันเมธอด buttonDis() เมื่อคลิก <button onclick="buttonDis()">CLICK IT</button> เมธอด buttonDis() รับองค์ประกอบปุ่มโดย id “button1” และตั้งค่าแอตทริบิวต์ที่ถูกปิดใช้งานให้เป็นจริง หลังจากปิดการใช้งานปุ่ม ค่าที่ปิดใช้งาน (จริงหรือเท็จ) ถูกกำหนดให้กับตัวแปร x และแสดงในย่อหน้าด้วย id “ตัวอย่าง” function buttonDis() { document.getElementById("Button1").disabled = true; var x=document.getElementById("Button1").disabled; document.getElementById("Sample").innerHTML = "Button disabled is "+x; }