Apagar e mostrar texto de um input no focus e blur com jQuery

Boa noite a todos,

Apenas atualizando o post (com base no comentário do Lucas Tomkiel), agora com o HTML 5 ficando bem maduro, podemos esquecer das lógicas Javascript para fazer aquele efeito ‘coloca-e-tira o texto’, simplesmente agora temos o atributo ‘placeHolder‘ nativo nos elementos input. Logo:

Fácil não ?! :)

Até a próxima.

Blog Javascript
  • Achei complicado..a ideia do jquery nao seria escrever meno…redundancia minimo ou zero de codigo…

    • Na verdade o uso do jQuery é para atender uma lógica que eu preciso. Acho que eu poderia ter feito mais encadeado…

      $('#input_texto').bind('focus', function(){
      if($(this).attr('value') == 'Digite algo para pesquisar...')
      {
      $(this).attr('value', '');
      }
      }).bind('blur', function(){
      if($(this).attr('value') == '')
      {
      $(this).attr('value', 'Digite algo para pesquisar...');
      }
      });

  • Lucas Tomkiel

    Olá Carlos, outra forma é utilizando o pleaceholder …

    • carlosspohr

      Opa, atualizei o post…também uso o placeHolder atualmente. Na boa…tenho que fazer uma limpa em um punhado de postagens..acredito que muitas deverão ser removidas ou então ‘refatoradas’ para um contexto mais recente.

      Muito obrigado pelo feedback Lucas.

      Abraços cara.

  • Robson Andrei

    Simples e facil, vlw