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 });