HTML
autocomplete属性

<form>元素的autocomplete属性允许你设置表单的自动完成功能是否开启或关闭。如果自动完成功能开启，Web浏览器会自动填写这些值。但前提是用户之前已输入过这些值。

以下是语法

<form autocomplete="on|off">

上面on | off值用于设置autocomplete是否显示。如果希望浏览器根据之前输入的值完成输入，请设置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>

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

因为我们设置了autocomplete为on，所以现在这些值都会显示

现在，将光标放在文本内。将显示你之前输入过的以下值。这些值之所以可见，是因为我们设置了autocomplete为on

更新于：30-Jul-2019

109 次浏览

开启您 职业生涯

通过完成该课程获得认证

开始
广告
© . All rights reserved.