[Resolvido] Como personalizar o HTML Form

[CaioYuji 0]

Olá colegas de forum por favor se puderem me ajudar com essa dúvida na qual não sei como resolver desde já agradeço.

Não consigo fazer com que no input quando se coloca o value uma mensagem ao clicar no espaço a mensagem no value desapareça para se poder digitar no espaço em branco.

eis minha estrutura:

 

<form nome="login" method="post" action="form.php" action="#">

<input name="e-mail" type="text" value="Insira seu e-mail" class="login" size="33"/>

<input name="nome" type="text"value="Insira seu nome" class="campos" size="20"/>

<input type="button" class="botao" value="Cadastrar" />

</form>

 

Não sei o que acrescentar para que a mensagem de insira o seu e-mail seja escondida ou apagada para limpar o campo a ser digitado.

Muito obrigado a todos q se disporem a ler e resolver esta duvida espero no futuro tbm poder ser de ajuda e continuar a contar c a ajuda de todos.

[Lucas Guima 164]

Quando for dado foco no campo, você define o valor dele como vazio, caso seja igual ao seu valor padrão.

[Guilherme Wathier 1]

Ai ta o codigo o que eu fis foi trocar o value por um placeholder.

 

<form name="login" method="post" action="form.php" action="#">
<input name="e-mail" type="text" placeholder="Insira seu e-mail" class="login" size="33"/>
<input name="nome" type="text" placeholder="Insira seu nome" class="campos" size="20"/>
<input type="button" class="botao" value="Cadastrar" />
</form>

[William Bruno 1501]

oi @CaioYuji,

 

dá uma lida nessa série de artigos:

http://wbruno.com.br/2011/03/24/criando-um-plugin-jquery-parte-1-comecando/

http://wbruno.com.br/2011/03/26/criando-um-plugin-jquery-parte-3-otimizando/

[CaioYuji 0]

Muito obrigado a todos por disporem de seu tempo para resolver minha dúvida, agradeço todas as resoluções desse problema. Foi de grande ajuda.