HTML input autocomplete 属性
htmlweb developmentfront end technology更新于 2025/6/13 2:52:17
<input> 元素的 autocomplete 属性允许您设置输入的自动完成功能是开启还是关闭。如果自动完成功能处于开启状态，Web 浏览器会自动填充值。这仅在用户之前已输入值时才会发生。
以下是语法 −
<input autocomplete="on|off">
以上 on | off 值用于设置是否显示自动完成功能。如果您希望浏览器根据先前输入的值完成输入，则设置为 on;如果设置为 off，则不允许完成输入。
现在让我们看一个实现 <input> 元素的 autocomplete 属性的示例。 −
示例
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><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>
这将产生以下输出。假设我们之前输入了一些值，现在我们设置了自动完成 −
在上面的例子中，我们添加了一个表单 −
<form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form>
我们已将其中一个输入框的自动完成功能设置为开启。
Player − <input type = "text" name = "player" autocomplete = "on>
因此，当您将光标放在 Player 输入框上时，您将能够看到之前输入的值。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
