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

อินพุต HTML DOM ส่งคุณสมบัติที่ถูกปิดใช้งาน


คุณสมบัติการปิดใช้งานการส่ง HTML DOM Input ใช้สำหรับการตั้งค่าหรือส่งคืนหากปุ่มส่งควรปิดใช้งานหรือไม่ มันใช้ค่าบูลีนที่มีค่าจริงแทนปุ่มส่งควรปิดการใช้งานและเป็นเท็จมิฉะนั้น คุณสมบัติที่ปิดใช้งานถูกตั้งค่าเป็นเท็จโดยค่าเริ่มต้น อย่างไรก็ตาม องค์ประกอบที่ถูกปิดใช้งานจะเป็นสีเทาโดยค่าเริ่มต้นและไม่สามารถคลิกได้

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติปิดการใช้งาน -

submitObject.autofocus = true|false

ที่นี่ ปุ่ม true=submit ถูกปิดใช้งาน และ false=ปุ่มส่ง ไม่ถูกปิดใช้งาน เป็นเท็จโดยค่าเริ่มต้น

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับคุณสมบัติการส่งอินพุตที่ปิดใช้งาน -

<!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 the above reset button by clicking on the DISABLE button</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>

ผลลัพธ์

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

อินพุต HTML DOM ส่งคุณสมบัติที่ถูกปิดใช้งาน

เมื่อคลิกปุ่มปิดการใช้งาน -

อินพุต HTML DOM ส่งคุณสมบัติที่ถูกปิดใช้งาน