地址表单

填写地址可能既耗时又令人沮丧。什么是地址行 2？您可能没有姓氏，那么应该在姓氏字段中输入什么？避免这些困惑，帮助用户填写地址表单。

确保您的地址表单易于使用

许多表单使用一个字段用于名字，一个字段用于姓氏。但是，有些人没有姓氏，或者他们的名字没有两个部分，那么他们应该如何在姓氏字段中填写？对姓名字段使用单个 <input>。详细了解处理不同的姓名格式。

街道地址也使用单个 <input>——并非每个地址都有街道号码。

请注意表单控件描述。例如，美国的用户的说法是 ZIP，英国的说法是 postcode。使用 <label for="zip">邮政编码（可选）</label> 以确保用户知道要输入什么数据。将邮政编码字段设为可选——并非每个地址都有邮政编码。

帮助用户输入他们的地址

autocomplete 属性可以帮助用户重新输入他们的地址

  • autocomplete="name"
  • autocomplete="street-address"
  • autocomplete="postal-code"
  • autocomplete="country"

您可以为 autocomplete 定义多个以空格分隔的值。假设您有一个包含送货地址的表单和另一个包含账单地址的表单。要告诉浏览器哪个邮政编码用于账单地址，您可以使用 autocomplete="billing postal-code"。对于送货地址，请使用 shipping 作为第一个值。

使用 enterkeyhint 属性更改屏幕键盘上 Enter 键的标签。对最后一个表单控件使用 enterkeyhint="done"，对其他表单控件使用 enterkeyhint="next"。

资源