คุณสมบัติปิดการใช้งาน HTML DOM Input Text ใช้สำหรับการตั้งค่าหรือส่งคืนหากฟิลด์ข้อความควรปิดใช้งานหรือไม่ มันใช้ค่าบูลีนที่มีค่าจริงแทนองค์ประกอบที่ควรถูกปิดใช้งานและเท็จมิฉะนั้น คุณสมบัติที่ปิดใช้งานถูกตั้งค่าเป็นเท็จโดยค่าเริ่มต้น องค์ประกอบที่ถูกปิดใช้งานจะเป็นสีเทาโดยค่าเริ่มต้นและไม่สามารถคลิกได้
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติปิดการใช้งาน -
textObject.disabled = true|false;
ที่นี่ true=ฟิลด์ข้อความถูกปิดใช้งาน และ false=ฟิลด์ข้อความไม่ถูกปิดใช้งาน เป็นเท็จโดยค่าเริ่มต้น
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติที่ปิดใช้งานการป้อนข้อความ -
<!DOCTYPE html> <html> <body> <h1>Input Text disabled Property</h1> USERNAME: <input type="text" id="TEXT1" autofocus> <p>Disable the above text field by clicking on the DISABLE button</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 ช่องข้อความจะถูกปิดการใช้งาน -