HTMLautocomplete 属性


<input> 元素的 autocomplete 属性允许你设置输入的自动完成功能是否开启或关闭。如果自动完成功能开启,网络浏览器将自动填充值。这仅在用户之前已输入值时才会发生。

以下是语法 −

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

我们已将一个 input 设置为 on 的自动完成 −

Player − <input type = "text" name = "player" autocomplete = "on">

因此,当你将光标放在 Player 输入类型上时,你将能够看到之前输入的值。

更新时间: 30-07-2019

212 次浏览

开启你的事业

完成该课程认证

开始
广告