Thuộc tính vô hiệu hóa gửi Đầu vào DOM HTML được sử dụng để thiết lập hoặc trả lại nếu nút gửi có bị vô hiệu hóa hay không. Nó sử dụng các giá trị boolean với true đại diện cho nút gửi nên bị vô hiệu hóa và ngược lại là false. Thuộc tính bị vô hiệu hóa được đặt thành false theo mặc định. Tuy nhiên, phần tử bị vô hiệu hóa có màu xám theo mặc định và không thể nhấp vào được.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính bị vô hiệu hóa -
submitObject.autofocus = true|false
Ở đây, nút gửi true =bị vô hiệu hóa và false =nút gửi không bị tắt. Nó là sai theo mặc định.
Ví dụ
Hãy cùng chúng tôi xem xét một ví dụ về thuộc tính bị vô hiệu hóa Gửi đầu vào -
<!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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẮT -
