web-dev-qa-db-fra.com

HTML comment effacer les entrées en utilisant javascript?

J'ai cette entrée, elle s'effacera à chaque fois que nous cliquerons à l'intérieur.

Le problème: je veux effacer seulement si value = [email protected]

<script type="text/javascript">
    function clearThis(target) {
        target.value= "";
    }
</script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

Quelqu'un peut-il m'aider à faire cela? Je ne sais pas comparer, j'ai déjà essayé mais sans succès.

javascripthtmlinputerase
9
Lucas Ferraz
<script type="text/javascript">
    function clearThis(target){
        if(target.value=='[email protected]'){
        target.value= "";}
    }
    </script>

Est-ce vraiment ce que vous recherchez?

23
David Scott

vous pouvez utiliser l'attribut placeholder

<input type="text" name="email" placeholder="[email protected]" size="30" />

ou essayez ceci pour les navigateurs plus anciens

<input type="text" name="email" value="[email protected]" size="30" onblur="if(this.value==''){this.value='[email protected]';}" onfocus="if(this.value=='[email protected]'){this.value='';}">
2
Bugaloo

Vous pouvez utiliser un espace réservé car il le fait pour vous, mais pour les anciens navigateurs qui ne prennent pas en charge l'espace réservé, essayez ceci:

<script>
function clearThis(target) {
    if (target.value == "[email protected]") {
        target.value = "";
    }
}
function replace(target) {
    if (target.value == "" || target.value == null) {
        target.value == "[email protected]";
    }
}
</script>
<input type="text" name="email" value="[email protected]" size="x" onfocus="clearThis(this)" onblur="replace(this)" />

CODE EXPLIQUÉ: Lorsque la zone de texte a le focus, effacez la valeur. Lorsque la zone de texte n'est pas ciblée ET lorsque la zone est vide, remplacez la valeur.

J'espère que cela fonctionne, j'ai eu le même problème, mais j'ai essayé et cela a fonctionné pour moi.

2
SubLock69

au lieu d'effacer le nom du texte, utilisez l'attribut placeholder c'est une bonne pratique

<input type="text" placeholder="name"  name="name">
1
Sai Gopi N

Vous n'avez pas besoin de vous en préoccuper. Ecrivez

<input type="text" name="email" placeholder="[email protected]" size="30">

remplacer la valeur par un espace réservé

1
Duck

Essaye ça :

<script type="text/javascript">
function clearThis(target){
    if(target.value == "[email protected]")
    {
        target.value= "";
    }
}
</script>
0
Raitom
<script type="text/javascript">
    function clearThis(target){
        if (target.value === "[email protected]") {
            target.value= "";
        }
    }
    </script>
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)">

Essayez-le ici: http://jsfiddle.net/2K3Vp/

0
Adam