在了解表单元素以及如何使表单具有互动性后，我们来看看如何帮助用户避免重复输入数据。
充分利用自动填充功能
填写表单可能非常耗时。 例如，如果想要购物，就在每个网站上反复输入您的地址，这样就给客户带来了不好的购物体验。
自动填充功能可在这方面为您提供帮助。 地址只需输入一次。 从现在开始，您的浏览器会自动提供其他表单填写相同地址的选项。
您搬到了其他城市？ 您不用再担心获取旧地址这一问题了。 您可以修改浏览器为您保存的地址数据，以使数据保持最新状态。
自动填充功能是如何在浏览器中发挥作用的？
不同网站上的地址字段外观可能截然不同。 浏览器如何判断这是地址字段？
浏览器使用启发法来识别地址字段。name、type 和 id 属性的值是什么？
表单控件上是否有 autocomplete 属性？
根据这些信息，浏览器可以提供一个选项，让您可以使用之前输入的同一类型数据自动填充字段。浏览器甚至可以自动填充整个表单。
帮助浏览器使用自动填充功能
我们来看看您可以做些什么来帮助浏览器提供正确的自动填充选项。
使用合理的属性值
如您所知，浏览器可以通过查看表单控件的属性来识别数据类型。
<label for="email">Email</label>
<input type="email" name="email" id="email">
您是否有供用户输入电子邮件地址的字段？
使用 email 作为 name、id 和 type 属性的值。三个提示，告知浏览器这是一个电子邮件字段。
autocomplete 属性
还有其他一些例子，说明浏览器仍然难以仅通过 name、id 和 type 属性识别数据类型。您可以在这方面使用 autocomplete 属性提供帮助。
您以前是否在所用的浏览器中输入过名称？ 浏览器可能会为您提供选项，让您在演示中的这个字段中重新填写这个字段。
您可以在后续单元中详细了解如何使用自动补全和自动填充。
检查您的掌握程度
测试您对自动填充知识的掌握情况
根据哪些属性提供自动填充服务？
name 属性。type 属性autocomplete 属性