Problema com marca d'agua - watermark

Question

Tenho um TextBox no asp, e estou usando o placeholder para criar um watermark (marca dagua).

A ideia seria quando o foco estiver no TextBox, a marca dagua permanecer lá, só sumir quando o usuários digitar algo.

Usando o placeholder não funciona no IE.

Alguém tem alguma sugestão?

Obrigado.

Edt: Seria igual ao login do Outlook

https://outlook.com

Answer 1

No HTML5 já tem um atributo PlaceHolder que você pode estar utilizando que faz justamente esse comportamento...

---

Leonardo Lourenço Silva

Answer 2

No HTML5 já tem um atributo PlaceHolder que você pode estar utilizando que faz justamente esse comportamento...

---

Leonardo Lourenço Silva

Olá Leonardo, 

Tentei usar o placeholder, mas no IE não funciona.

Eu queria que quando o foco estivesse no texbox, o texto da marca dagua permacesse, só sumisse caso fosse digitado algo.

https://outlook.com

Answer 3

O JQuery tem um plugin chamado JQuery Watermark que simula esse comportamento e some com o texto somente quando o usuário digita algo...

Exemplo

http://sky.astro.washington.edu/gadgets/js/jquery.watermark.htm

Download do Plugin

https://code.google.com/p/jquery-watermark/

---

Leonardo Lourenço Silva

Answer 4

O JQuery tem um plugin chamado JQuery Watermark que simula esse comportamento e some com o texto somente quando o usuário digita algo...

Exemplo

http://sky.astro.washington.edu/gadgets/js/jquery.watermark.htm

Download do Plugin

https://code.google.com/p/jquery-watermark/

---

Leonardo Lourenço Silva

Esse plugin faz a marca dagua só que no IE continua sumindo, No chrome funciona, mas estou precisando que funcione no IE.

Alguma outra sugestão?

Obrigado Leonardo.

Answer 5

Sim altere o código fonte para adaptar ao que você precisa....

---

Leonardo Lourenço Silva

Answer 6

Sim altere o código fonte para adaptar ao que você precisa....

---

Leonardo Lourenço Silva

Essa alteração seria no código JQuery? ou via javascript?

Answer 7

No código em JavaScript dentro do Plugin Watermark, tente encontrar os códigos e eventos que ele utiliza para por o texto e altere em cima para atender as suas necessidades, visto que no Chrome funciona corretamente....

---

Leonardo Lourenço Silva

Answer 8

Não consegui alterar o código do jquery, eu pensei em fazer algum esquema via javascript, tipo uma função que quando o textbox estiver com o foco, ele setar o texto, e quando digitar algo, apagar esse texto.