Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ข้อความอินพุต HTML DOM ปิดใช้งานคุณสมบัติ


คุณสมบัติปิดการใช้งาน 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>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

ข้อความอินพุต HTML DOM ปิดใช้งานคุณสมบัติ

เมื่อคลิกปุ่ม DISABLE ช่องข้อความจะถูกปิดการใช้งาน -

ข้อความอินพุต HTML DOM ปิดใช้งานคุณสมบัติ