Thuộc tính tự động hoàn thành URL đầu vào HTML DOM đặt / trả về việc tính năng tự động hoàn thành được bật hay tắt. Nếu được bật, nó sẽ hiển thị các giá trị đã nhập trước đó.
Cú pháp
Sau đây là cú pháp -
- Giá trị trả lại - bật / tắt
inputURLObject.autocomplete
- Đặt tự động hoàn thành giá trị
inputURLObject.autocomplete = value
Giá trị
Đây, “giá trị” có thể như sau -
| giá trị | Chi tiết |
|---|---|
| trên | Nó xác định rằng đầu vào đã bật thuộc tính tự động hoàn thành. |
| giảm | Nó xác định rằng thuộc tính tự động hoàn thành đầu vào bị tắt. |
Ví dụ
Hãy để chúng tôi xem ví dụ về Tự động hoàn thành URL đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input URL autocomplete</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>URL-autocomplete</legend>
<label for="URLSelect">URL :
<input type="url" id="URLSelect" placeholder="eg: https://www.xyz.com/" autocomplete="off" autofocus>
</label>
<input type="button" onclick="addAutocomplete()" value="Enable Suggestions">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputURL = document.getElementById("URLSelect");
divDisplay.textContent = 'Suggestions: '+inputURL.autocomplete;
function addAutocomplete() {
inputURL.autocomplete = 'on';
divDisplay.textContent = 'Suggestions: '+inputURL.autocomplete;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào 'Bật đề xuất' nút -
Sau khi nhấp vào ‘Bật đề xuất’ nút -
