您如何确保地址表单自动填充正确？答案

【问题标题】：How do you ensure address form autofills correctly?您如何确保地址表单自动填充正确？
【发布时间】：2019-07-09 18:50:24
【问题描述】：

我在 Rails 中有一个表单，其中一部分要求提供地址：

  <%= f.fields_for :postal_address do |ff| %>
    <%= ff.text_field :apartment_number %>
    <%= ff.text_field :building_name %>
    <%= ff.text_field :building_number %>
    <%= ff.text_field :street %>
    <%= ff.text_field :town %>
    <%= ff.text_field :postcode %>
  <% end %>

但是，当我单击 Safari 中的小自动填充功能（如下）时，表单填写不正确。

这显然是错误的：

有什么方法可以指示浏览器使用预期数据自动填充字段？还是完全取决于浏览器？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-5 user-experience form-for

【解决方案1】：

如果您将autocomplete 属性添加到输入，它应该会更好。浏览器试图从名称中猜测字段的用途，但不确定它是否知道“建筑物编号”和“城镇”

<%= ff.text_field :town, autocomplete: 'address-level2' %> # 'city' should work too

您可以在docs 中查看可用值列表

【讨论】：