Thuộc tính tự động hoàn thành Email đầ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 -
- Trả lại giá trị - bật / tắt
inputEmailObject.autocomplete
- Đặt tự động hoàn thành giá trị
inputEmailObject.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 đã được bật tính năng tự động hoàn thành, nó cũng là mặc định. |
| giảm | Nó xác định rằng thuộc tính tự động hoàn thành đầu vào bị vô hiệu hóa. |
Ví dụ
Hãy để chúng tôi xem ví dụ về Tự động hoàn thành email nhập tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Email 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>Email-autocomplete</legend>
<label for="EmailSelect">User Email :
<input type="email" id="EmailSelect" placeholder="eg: xyz@abc.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 inputEmail = document.getElementById("EmailSelect");
divDisplay.textContent = 'Suggestions: '+inputEmail.autocomplete;
function addAutocomplete() {
inputEmail.autocomplete = 'on';
divDisplay.textContent = 'Suggestions: '+inputEmail.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 -
