使用HTML5 Datalist自动完成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 %>