HTML form autocomplete 属性

htmlweb developmentfront end technology更新于 2025/9/8 8:12:17

<form> 元素的 autocomplete 属性允许您设置表单的自动完成功能是开启还是关闭。如果自动完成功能处于开启状态，Web 浏览器会自动填充值。这仅在用户之前已输入值的情况下才会发生。

以下是语法 −

<form autocomplete="on|off">

以上 on | off 值用于设置是否显示自动完成功能。如果您希望浏览器根据先前输入的值完成输入，则设置为 on;如果设置为 off，则不允许完成输入。

现在让我们看一个实现 <form> 元素 autocomplete 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" autocomplete="on">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="pts"><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

这将产生以下输出。假设我们之前在表单中输入了一些值。