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

Thuộc tính disabled của Input Text trong HTML DOM dùng để thiết lập hoặc trả về xem trường văn bản 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:

textObject.disabled = true|false;

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 Text</h1> 
TÊN ĐĂNG NHẬP: <input type="text" id="TEXT1" autofocus> 
<p>Vô hiệu hóa trường văn bản trên bằng cách nhấn nút DISABLE</p> 
<button type="button" onclick="disableText()">VÔ HIỆU HÓA</button> 
<p id="Sample"></p> 
<script> 
    function disableText() { 
        document.getElementById("TEXT1").disabled = true; 
        document.getElementById("Sample").innerHTML = "Trường văn bản hiện đã bị vô hiệu hóa"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "VÔ HIỆU HÓA", trường văn bản trở nên xám và không thể chỉnh sửa.