Ruby on Rails: Làm thế nào để thêm văn bản giữ chỗ vào một f.text_field?

Question

Làm cách nào để thêm văn bản placeholder vào các trường f.text_field của mình để văn bản được viết sẵn theo mặc định và khi người dùng nhấp vào bên trong các trường, văn bản sẽ biến mất - cho phép người dùng nhập văn bản mới?

Answer 1

Với đường ray> = 3.0, bạn chỉ có thể sử dụng tùy chọn placeholder .

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

Answer 2

Trong mẫu tầm nhìn của bạn, đặt một giá trị mặc định:

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

Trong Javascript của bạn (jquery giả định ở đây):

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

Answer 3

Trong Rails 4 (Sử dụng HAML):

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

Answer 4

Đây là một cú pháp sạch hơn nhiều nếu sử dụng rails 4+

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

Vì vậy rails 4+ bây giờ có thể sử dụng cú pháp này thay vì cú pháp băm

Answer 5

Đối với những người sử dụng Rails (4.2) Quốc tế hóa (I18n):

Đặt giữ chỗ thuộc tính là true:

f.text_field :attr, placeholder: true 

và trong tập tin địa phương của bạn (ví dụ. vi.yml):

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