Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

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

Thuộc tính autocomplete của Input Text trong HTML DOM liên quan đến thuộc tính autocomplete của phần tử <input> với type="text". Thuộc tính nhận giá trị "on" hoặc "off". on cho phép trình duyệt tự động hoàn thành dựa trên nhập trước, off tắt tính năng này. Mặc định là on.

Cú pháp

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

textObject.autocomplete = "on|off"

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính autocomplete của Input Text</h1> 
<form action="/Sample_page.php"> 
    TÊN ĐĂNG NHẬP: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br> 
    <input type="submit"> 
</form> 
<p>Tắt autocomplete trong trường văn bản trên bằng cách nhấn nút dưới đây</p> 
<button onclick="changeAuto()">Tắt Autocomplete</button> 
<p id="Sample"></p> 
<script> 
    function changeAuto() { 
        document.getElementById("TEXT1").autocomplete = "off"; 
        document.getElementById("Sample").innerHTML = "Văn bản của bạn sẽ không tự động hoàn thành nữa"; 
    } 
</script> </body> </html>

Kết quả

Khi gõ văn bản và submit vài lần, trình duyệt tự động hoàn thành. Nhấn "Tắt Autocomplete" thì tắt tính năng này.