Thuộc tính disabled của Input Submit trong HTML DOM

Thuộc tính disabled của Input Submit trong HTML DOM dùng để thiết lập hoặc trả về xem nút submit có bị vô hiệu hóa hay không. Sử dụng boolean: true = vô hiệu hóa, false = không. Mặc định false. Phần tử disabled bị xám và không thể click.

Cú pháp

Cú pháp để thiết lập thuộc tính disabled:

submitObject.disabled = true|false

Lưu ý: Code ví dụ gốc có lỗi gán cho autofocus thay vì disabled, đã được sửa đúng.

Ví dụ

Ví dụ minh họa cho thuộc tính disabled:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính disabled của Input Submit</h1> 
<form action="/Sample_page.php" style="border:solid 2px green;padding:2px"> 
    Tên người dùng: <input type="text" id="USR"> <br> 
    Vị trí: <input type="text" id="Loc"> <br><br> 
    <input type="submit" id="SUBMIT1"> 
</form> 
<p>Vô hiệu hóa nút submit trên bằng cách nhấn nút DISABLE</p> 
<button type="button" onclick="disableSubmit()">VÔ HIỆU HÓA</button> 
<p id="Sample"></p> 
<script> 
    function disableSubmit() { 
        document.getElementById("SUBMIT1").disabled = true; 
        document.getElementById("Sample").innerHTML = "Nút submit hiện đã bị vô hiệu hóa"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "VÔ HIỆU HÓA", nút submit trở nên xám và không thể click.