Placeholder em jQuery

with 3 comments

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.

Written by Pedro Cardoso

June 21st, 2008 at 1:10 pm

Posted in Uncategorized

Tagged with , ,

3 Responses to 'Placeholder em jQuery'

Subscribe to comments with RSS or TrackBack to 'Placeholder em jQuery'.

  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.

    SoftWork

    21 Jun 08 at 4:26 pm

  2. Para caixas de pesquisa um plugin que também pode ser muito útil: http://www.dyve.net/jquery/?autocomplete

    SoftWork

    26 Jun 08 at 2:12 pm

  3. Um plugin para pesquisa no website: jquery inline search plugin

    softwork

    27 Jun 08 at 2:18 pm

Leave a Reply