使用 HTML5 Datalist 自动完成 Ruby on Rails form_for

【问题标题】：Autocomplete Ruby on Rails form_for using HTML5 Datalist使用 HTML5 Datalist 自动完成 Ruby on Rails form_for
【发布时间】：2014-12-23 01:25:15
【问题描述】：

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

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

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

【问题讨论】：

标签： ruby-on-rails html autocomplete

【解决方案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 %>

【讨论】：