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

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

Cú pháp

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

searchObject.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 của Input Search:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính disabled của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>Vô hiệu hóa trường tìm kiếm trên bằng cách nhấn nút DISABLE</p> 
<button type="button" onclick="disableSearch()">VÔ HIỆU HÓA</button> 
<p id="Sample"></p> 
<script> 
    function disableSearch() { 
        document.getElementById("SEARCH1").disabled = true; 
        document.getElementById("Sample").innerHTML = "Trường tìm kiếm 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 tìm kiếm trở nên xám, không thể tương tác.

Giải thích ví dụ

Tạo input search id="SEARCH1", name="fruits" trong form. Tạo nút "VÔ HIỆU HÓA" thực thi disableSearch():

function disableSearch() { 
    document.getElementById("SEARCH1").disabled = true; 
    document.getElementById("Sample").innerHTML = "Trường tìm kiếm hiện đã bị vô hiệu hóa"; 
}