Como posso adicionar placeholder
texto aos meus f.text_field
campos para que o texto seja pré-escrito por padrão e, quando um usuário clica dentro dos campos, o texto desaparece - permitindo que o usuário digite o novo texto?
ruby-on-rails
NullVoxPopuli
fonte
fonte
Respostas:
Com trilhos> = 3.0, você pode simplesmente usar a
placeholder
opçãofonte
f.text_field :attr, :placeholder => "placeholder text"
No Rails 4 (usando HAML):
fonte
Para quem usa Internacionalização do Rails (4.2) (I18n):
Defina o atributo placeholder como true:
e no seu arquivo local (ou seja, en.yml):
fonte
placeholder: true
. Depois de definir como você descreveu, funcionou.Aqui está uma sintaxe muito mais limpa se você estiver usando
rails 4+
Então,
rails 4+
agora pode usar essa sintaxe em vez da sintaxe de hashfonte
Eu tentei as soluções acima e parece nos trilhos 5. * o segundo instrumento por padrão é o valor do formulário de entrada, o que funcionou para mim foi:
fonte
No seu modelo de visualização, defina um valor padrão:
No seu Javascript (assumindo jquery aqui):
fonte
onfocus="if(this.value=='Search The Huffington Post')this.value=''" value="Search The Huffington Post"
Parece uma boa abordagem.