Bagaimana saya bisa menambahkan placeholder
teks ke f.text_field
bidang saya sehingga teks datang pra-ditulis secara default, dan ketika pengguna mengklik di dalam bidang, teks hilang - memungkinkan pengguna untuk mengetik teks baru?
ruby-on-rails
NullVoxPopuli
sumber
sumber
Jawaban:
Dengan rel> = 3.0, Anda cukup menggunakan
placeholder
opsi.sumber
f.text_field :attr, :placeholder => "placeholder text"
In Rails 4 (Menggunakan HAML):
sumber
Bagi mereka yang menggunakan Rails (4.2) Internasionalisasi (I18n):
Setel atribut placeholder menjadi true:
dan di file lokal Anda (mis. en.yml):
sumber
placeholder: true
. Setelah pengaturan seperti yang Anda gambarkan itu berhasil.Berikut ini sintaks yang lebih bersih jika menggunakan
rails 4+
Jadi
rails 4+
sekarang bisa menggunakan sintaks ini bukan sintaks hashsumber
Saya mencoba solusi di atas dan sepertinya pada rails 5. * agumen kedua secara default adalah nilai dari form input, yang bekerja untuk saya adalah:
sumber
Di templat tampilan Anda, tetapkan nilai default:
Di Javascript Anda (dengan asumsi jquery di sini):
sumber
onfocus="if(this.value=='Search The Huffington Post')this.value=''" value="Search The Huffington Post"
Sepertinya pendekatan yang bagus.