HTML DOM Input Text autocomplete 属性

htmlweb developmentfront end technology更新于 2025/9/27 14:36:17

HTML DOM Input Text autocomplete 属性与 type=”text” 的 <input> 元素的 autocomplete 属性相关联。autocomplete 属性的值为 “on” 或 “off”。on 值指定 Web 浏览器必须根据先前的输入自动完成用户文本，false 则表示否则。

语法

以下是语法 −

设置 autocomplete 属性 −

textObject.autocomplete = "on|off"

此处，on 表示浏览器将根据先前的输入自动完成用户输入，false 表示不会根据先前的输入完成任何用户输入。默认情况下，该值设置为开启。

示例

让我们看一个 Input Text autocomplete 属性的示例 −

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