ruby-on-rails - 使用 HTML5 数据列表自动完成 Ruby on Rails form_for

Question

我有一个带有文本字段的表单:

<%= form_for @person do |f| %>
  <%= f.label :first_name, "First Name" %>:
  <%= f.text_field :first_name %>
  <%= f.submit %>
<% end %>

如何使用 HTML5 Datalist 元素自动完成文本字段？

Answer 1

这对我适用于 Rails 4.2beta。

<%= form_for @person do |f| %>
  <%= f.label :first_name, "First Name" %>:
  <%= f.text_field :first_name, list: "names" %>
  <datalist id="names">
    <option value="Kalle">
    <option value="Jarmo">
    <option value="Pekka">
  </datalist>
  <%= f.submit %>
<% end %>