Ruby on Rails：如何将占位符文本添加到f.text_field？

Question

如何在我的placeholder字段中添加f.text_field文字，以便默认情况下预先写入文字，当用户在字段内点击时，文字会消失 - 允许用户输入新文字？

Answer 1

使用rails＆gt; = 3.0，您只需使用placeholder选项。

f.text_field :attr, placeholder: "placeholder text"

Answer 2

在Rails 4中（使用HAML）：

=f.text_field :first_name, class: 'form-control', autofocus: true, placeholder: 'First Name'

Answer 3

对于使用Rails（4.2）国际化（I18n）的人：

将占位符属性设置为true：

f.text_field :attr, placeholder: true

并在您的本地文件（即en.yml）中：

en:
  helpers:
    placeholder:
      model_name:
        attr: "some placeholder text"

Answer 4

如果使用rails 4+

，这是一个更清晰的语法

<%= f.text_field :attr, placeholder: "placeholder text" %>

因此rails 4+现在可以使用此语法而不是哈希语法

Answer 5

在视图模板中，设置默认值：

f.text_field :password, :value => "password"

在你的Javascript中（假设这里是jquery）：

$(document).ready(function() {
  //add a handler to remove the text
});

Answer 6

我尝试了上面的解决方案，它看起来像在Rails 5上。*默认情况下，第二个参数是输入表单的值，对我有用的是：

text_field_tag :attr, "", placeholder: "placeholder text"