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

如何将placeholder文本添加到我的f.text_field字段中,以便默认情况下预先编写文本,而当用户单击字段内时,文本消失 – 允许用户input新文本?

使用rails> = 3.0,您可以简单地使用placeholder选项。

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

在Rails 4(使用HAML)中:

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

对于那些使用Rails(4.2)国际化(I18n)的人:

将placeholder属性设置为true:

 f.text_field :attr, placeholder: true 

并在你的本地文件(即en.yml)中:

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

如果使用rails 4+这里是一个更简洁的语法

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

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

在你的视图模板中,设置一个默认值:

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

在你的Javascript(假设jQuery在这里):

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