คุณสมบัติ disabled ของ HTML DOM Input submit ใช้สำหรับตั้งค่าหรือส่งคืนว่าปุ่ม submit ควรถูกปิดใช้งานหรือไม่ ใช้ค่าบูลีน true แทนว่าควรปิดใช้งานและ false แทนตรงข้าม คุณสมบัติ disabled ตั้งค่าเป็น false โดยค่าเริ่มต้น อย่างไรก็ตาม องค์ประกอบที่ถูกปิดใช้งานจะเป็นสีเทาและคลิกไม่ได้โดยค่าเริ่มต้น
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ disabled:
submitObject.autofocus = true|false
ที่นี่ true=ปุ่ม submit ถูกปิดใช้งาน false=ปุ่ม submit ไม่ถูกปิดใช้งาน ค่าเริ่มต้นคือ false
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ disabled ของ Input submit:
<!DOCTYPE html> <html> <body> <h1>Input submit disabled Property</h1> <form action=”/Sample_page.php” style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id=“Loc”> <br><br> <input type="submit" id="SUBMIT1"> </form> <p>ปิดใช้งานปุ่มรีเซ็ตด้านบนโดยคลิกปุ่ม DISABLE</p> <button type="button" onclick="disableSubmit()">DISABLE</button> <p id="Sample"></p> <script> function disableSubmit() { document.getElementById("SUBMIT1").disabled=true; document.getElementById("Sample").innerHTML = "The submit button is now disabled" ; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม DISABLE:
