คุณสมบัติ disabled ของ HTML DOM Input Text ใช้สำหรับตั้งค่าหรือส่งคืนว่าช่องข้อความควรถูกปิดใช้งานหรือไม่ ใช้ค่าบูลีน true แทนว่าควรปิดใช้งานและ false แทนตรงข้าม คุณสมบัติ disabled ตั้งค่าเป็น false โดยค่าเริ่มต้น องค์ประกอบที่ถูกปิดใช้งานจะเป็นสีเทาและคลิกไม่ได้โดยค่าเริ่มต้น
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ disabled:
textObject.disabled = true|false;
ที่นี่ true=ช่องข้อความถูกปิดใช้งาน false=ช่องข้อความไม่ถูกปิดใช้งาน ค่าเริ่มต้นคือ false
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ disabled ของ Input Text:
<!DOCTYPE html> <html> <body> <h1>Input Text disabled Property</h1> USERNAME: <input type="text" id="TEXT1" autofocus> <p>ปิดใช้งานช่องข้อความด้านบนโดยคลิกปุ่ม DISABLE</p> <button type="button" onclick="disableText()">DISABLE</button> <p id="Sample"></p> <script> function disableText() { document.getElementById("TEXT1").disabled=true; document.getElementById("Sample").innerHTML = "The text field is now disabled" ; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม DISABLE ช่องข้อความจะถูกปิดใช้งาน:
