首页 > 解决方案 > 您如何确保地址表单自动填充正确?

问题描述

我在 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-railsruby-on-rails-5user-experienceform-for

解决方案


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

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

您可以检查文档中的可用值列表


推荐阅读