Thuộc tính tự động hoàn thành Văn bản nhập HTML DOM được liên kết với thuộc tính tự động hoàn thành của phần tử với type =”text”. Thuộc tính tự động hoàn thành có giá trị “bật” hoặc “tắt”. Giá trị on chỉ định rằng trình duyệt web phải tự động hoàn thành văn bản của người dùng dựa trên thông tin đầu vào trước đó trong khi trạng thái sai khác.
Cú pháp
Sau đây là cú pháp cho -
Đặt Thuộc tính tự động hoàn thành -
textObject.autocomplete = "on|off"
Ở đây, bật có nghĩa là trình duyệt sẽ tự động hoàn thành quá trình nhập của người dùng dựa trên thông tin nhập trước đó trong khi sai nói rằng trình duyệt sẽ không hoàn thành bất kỳ thông tin nhập nào của người dùng dựa trên các thông tin đầu vào trước đó. Nó có giá trị được đặt thành bật theo mặc định.
Ví dụ
Hãy cùng chúng tôi xem xét một ví dụ cho thuộc tính Tự động hoàn thành văn bản nhập -
<!DOCTYPE html>
<html>
<body>
<h1>Input text autocomplete property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br>
<input type="submit">
</form>
<p>Off the autocomplete in the above text field by clicking on the below button</p>
<button onclick="changeAuto()">Autocomplete Off</button>
<p id="Sample"></p>
<script>
function changeAuto() {
document.getElementById("TEXT1").autocomplete = "off";
document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhập một số văn bản vào trường trên và gửi nó một vài lần để xem văn bản của bạn tự động hoàn thành dựa trên thông tin nhập trước đó của bạn -
Khi nhấp vào nút “Tắt tự động điền” -
