luminescente

Placeholder em jQuery

Uncategorized — Pedro Cardoso on June 21, 2008 at 1:10 pm

Uma das funcionalidades não-standard que o Safari implementa é o atributo “placeholder”, utilizado em inputs de um formulário, para indicar um exemplo ou uma sugestão para o valor desse campo.

Ainda que não standard, é útil, e muitas vezes acabamos por ter de implementar algo do género em Javascript para inputs específicos, como caixas de pesquisa ou de login.

Procurei algo do género nos plugins do jQuery e encontrei alguns, mas queria uma solução automática, que não fosse necessário invocar mais Javascript que o necessário, além de especificar o texto no atributo placeholder. Assim em Safari o código Javascript nem sequer é necessário.

Aqui vai um exemplo. Depois ainda faço um plugin a sério para o jQuery.

3 Comments »

  1. Há dias precisei de implementar essa solução, para colocar numa caixa de pesquisa, acabei apenas por colocar o texto por defeito e com o jquery event/click e um clear no input fazia desaparecer, vou passar a usar essa solução.

    Comment by SoftWork — June 21, 2008 @ 4:26 pm
  2. Para caixas de pesquisa um plugin que também pode ser muito útil: http://www.dyve.net/jquery/?autocomplete

    Comment by SoftWork — June 26, 2008 @ 2:12 pm
  3. Um plugin para pesquisa no website: jquery inline search plugin

    Comment by softwork — June 27, 2008 @ 2:18 pm

RSS feed for comments on this post. TrackBack URI

Leave a comment

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. | luminescente