Javascript - Apagar um campo de formulário com um clique (foco)

Faça uma pergunta

Você já deve ter se deparado com um formulário HTML com valores pré-preenchidos descrevendo, por exemplo, o tipo de valor esperado. A intenção é louvável, mas é desagradável ter que selecionar o texto este e apagá-lo antes de poder escrever.

É possível remover este texto quando o usuário seleciona este campo (isto é, quando este campo recebe o foco):

<form  ... >  
<input type="text" name="nome" size=16 value="Digite aqui o seu nome" onFocus="javascript:this.value=''" />  
<input type="submit" value="Validar" />  
</form>


Porém, desta forma, qualquer texto será apagado!

Podemos usar uma condição para substituir apenas se o valor for "Digite seu nome aqui":

<input onclick="if(this.value=='Digite aqui o seu nome')this.value=''; ... />




Jean-François Pillou

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM

Veja também