在了解了表单元素以及如何使表单互动后，我们来看看如何帮助用户避免重复输入数据。
充分利用自动填充功能
填写表单可能非常耗时。例如，在您想购买商品的每个网站上反复输入地址，这并不是良好的购物体验。
此时，自动填充功能可以派上用场。 您只需输入一次地址。 从现在起，您的浏览器会为您提供自动为其他表单填写相同地址的选项。
您搬到了其他城市吗？ 不用担心旧地址会永远显示为选项。 您可以修改浏览器为您保存的地址数据，以确保其保持最新状态。
自动填充功能在浏览器中的运作方式
地址字段在不同网站上的显示方式可能截然不同。浏览器如何知道它是地址字段？
浏览器使用启发词语来识别地址字段。name、type 和 id 属性的值是什么？
表单控件上是否存在 autocomplete 属性？
根据这些信息，浏览器可以提供使用之前输入的相同类型数据自动填充字段的选项。浏览器甚至可以提供自动填充整个表单的功能。
帮助浏览器使用自动填充功能
我们来看看您可以做些什么来帮助浏览器提供正确的自动填充选项。
使用合理的属性值
正如您所学，浏览器可以通过查看表单控件的属性来识别数据类型。
<label for="email">Email</label>
<input type="email" name="email" id="email">
您是否提供了供用户输入电子邮件地址的字段？
将 email 用作 name、id 和 type 属性的值。向浏览器发出三个提示，指明这是电子邮件地址字段。
自动补全属性
在其他示例中，浏览器可能仍然很难仅通过 name、id 和 type 属性来识别数据类型。您可以使用 autocomplete 属性来帮助解决此问题。
您是否曾在您使用的浏览器中输入过名称？ 浏览器可能会提供在演示版中再次填写此字段的选项。
您可以在后续的单元中详细了解如何使用自动补全和自动填充。
检查您的理解情况
测试您对自动填充功能的了解程度
系统会根据哪些属性提供自动填充功能？
name 属性。type 属性autocomplete 属性