HTML DOM中的“輸入電子郵件自動完成”屬性用於設置或返回“輸入電子郵件”字段的“自動完成”屬性的值。自動完成屬性用於指定自動完成屬性具有“on”值還是“off”值。在瀏覽器上將autocomplete屬性設置為時,瀏覽器將自動完成用戶之前輸入的值。
用法:
- 它返回輸入電子郵件自動完成屬性。
emailObject.autocomplete
- 它用於設置“輸入電子郵件”自動完成屬性。
emailObject.autocomplete = "on|off"
屬性值:它包含下麵列出的兩個值:
- on:它是默認值。它會自動完成值。
- off:它定義了用戶應填寫電子郵件輸入字段的值。它不會自動完成值。
返回值:它返回一個表示自動完成屬性狀態的字符串值。
範例1:本示例說明了如何返回“輸入電子郵件”自動完成屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email autocomplete Property
</title>
</head>
<body>
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email autocomplete Property</h2>
E-mail:<input type="email" id="email"
value="careers@geeksforgeeks.org" autocomplete="on">
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:25px;color:green;"></p>
<!-- Script to use Input Email autocomplete Property -->
<script>
function myGeeks() {
var em = document.getElementById("email").autocomplete;
document.getElementById("GFG").innerHTML = em;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
示例2:此示例說明如何設置“輸入電子郵件”自動完成屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Email autocomplete Property
</title>
</head>
<body>
<h1> GeeksforGeeks</h1>
<h2>DOM Input Email autocomplete Property</h2>
E-mail:<input type="email" id="email"
value="careers@geeksforgeeks.org" autocomplete="on">
<button onclick="myGeeks()">
Click Here!
</button>
<p id="GFG" style="font-size:25px;color:green;"></p>
<!-- Script to use Input Email autocomplete Property -->
<script>
function myGeeks() {
var em = document.getElementById("email").autocomplete
= "off";
document.getElementById("GFG").innerHTML
= "The value of autocomplete attribute"
+ " was changed to " + em;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:DOM輸入電子郵件自動完成屬性支持的瀏覽器如下:
- 穀歌瀏覽器
- Internet Explorer 10.0
- Firefox
- Opera
- Safari
相關用法
- HTML Input URL autocomplete用法及代碼示例
- HTML Input Datetime autocomplete用法及代碼示例
- HTML Input DatetimeLocal autocomplete用法及代碼示例
- HTML Input Range autocomplete用法及代碼示例
- HTML Input Search autocomplete用法及代碼示例
- HTML Input Time autocomplete用法及代碼示例
- HTML Input Color autocomplete用法及代碼示例
- HTML Input Password autocomplete用法及代碼示例
- HTML Input Date autocomplete用法及代碼示例
- HTML Input Week autocomplete用法及代碼示例
- HTML Input Text autocomplete用法及代碼示例
- HTML Input Number autocomplete用法及代碼示例
- HTML Input Month autocomplete用法及代碼示例
- HTML Input Email value用法及代碼示例
- HTML Input Email name用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Email autocomplete Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。