HTML DOM 輸入文字自動填充屬性

HTML DOM 輸入文字自動填充屬性與帶有 type=”text” 的 <input> 元素的 autocomplete 特性相關聯。autocomplete 特性採用“on”或“off”值。其 on 值指定網路瀏覽器必須基於之前的輸入自動完成使用者的文字，而 false 則說明並非如此。

語法

以下是其語法 -

設定自動填充屬性 -

textObject.autocomplete = "on|off"

其中，on 表示瀏覽器會基於之前的輸入自動完成使用者輸入，而 false 則說明它不會基於之前的輸入完成任何使用者輸入。預設情況下，其值為 on。

示例

讓我們來看一個輸入文字自動填充屬性的示例 -

<!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>