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

Nul*_*uli 137 ruby-on-rails

如何placeholderf.text_field字段中添加文本以便默认情况下预先写入文本,当用户在字段内单击时,文本会消失 - 允许用户键入新文本?

nsl*_*cum 263

使用rails> = 3.0,您只需使用该placeholder选项即可.

f.text_field :attr, placeholder: "placeholder text"
Run Code Online (Sandbox Code Playgroud)

  • "占位符"属性仅支持HTML5支持的浏览器,而不包括Internet Explorer等浏览器. (4认同)

Zol*_*tan 32

在Rails 4中(使用HAML):

=f.text_field :first_name, class: 'form-control', autofocus: true, placeholder: 'First Name'
Run Code Online (Sandbox Code Playgroud)


cwe*_*ton 14

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

将占位符属性设置为true:

f.text_field :attr, placeholder: true
Run Code Online (Sandbox Code Playgroud)

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

en:
  helpers:
    placeholder:
      model_name:
        attr: "some placeholder text"
Run Code Online (Sandbox Code Playgroud)