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

Dezembro 2016


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=''; ... />



Tradução feita por Lucia Maurity y Nouira


Veja também :
Este documento, intitulado « Javascript - Apagar um campo de formulário com um clique (foco) »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.