Ruby on Rails: ฉันจะเพิ่มข้อความตัวยึดตำแหน่งใน f.text_field ได้อย่างไร

ฉันจะเพิ่มplaceholderข้อความลงในf.text_fieldฟิลด์ของฉันเพื่อให้ข้อความนั้นถูกเขียนล่วงหน้าตามค่าเริ่มต้นและเมื่อผู้ใช้คลิกภายในฟิลด์ข้อความจะหายไป - อนุญาตให้ผู้ใช้พิมพ์ข้อความใหม่?

ด้วย 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) Internationalization (I18n):

ตั้งค่าแอตทริบิวต์ตัวแทนเป็นจริง:

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+ตอนนี้สามารถใช้ไวยากรณ์นี้แทนไวยากรณ์แฮช

ฉันลองใช้วิธีแก้ไขปัญหาข้างต้นและดูเหมือนว่าบนราง 5 * ค่าเริ่มต้นที่สองคือค่าของแบบฟอร์มอินพุตสิ่งที่ใช้ได้กับฉันคือ:

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

ในเทมเพลตมุมมองของคุณตั้งค่าเริ่มต้น:

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

ใน Javascript ของคุณ (สมมติว่า jQuery ที่นี่):

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