Champs de saisie préremplis {resolu}

gorgo

22 Mar 2012 à 14:04

bonjour,

je suis à la recherche d'un plugging,
qui me permettrait d'effacer la valeur value="" prédéfinis dans un champs de formulaire de type texte, lorsqu'il vient a être remplis par l'internaute.

J'ai fait quelques manip' non concluantes.

Merci à ceux qui sauront m'aider !!
Modifié par gorgo (22 Mar 2012 - 14:29)

Gothor

22 Mar 2012 à 14:27

Bonjour,
En HTML5, il existe l'attribut placeholder qui permet de définir un texte explicatif qui apparaîtra dans ton champs lorsqu'il sera vide.

<input type="text" name="prenom" placeholder="Prénom" />

Sinon, en JS :
HTML

<input type="text" name="prenom" onfocus="fctFocus(this, 'Prénom')" onblur="fctBlur(this, 'Prénom')" />

JS

function fctFocus(elt, text) {
    if (elt.value == text)
        elt.value = '';
}

function fctBlur(elt, text) {
    if (elt.value == '')
        elt.value = text;
}

Modifié par Gothor (22 Mar 2012 - 14:29)

Gothor

22 Mar 2012 à 14:28

Désolé du double post.
Modifié par Gothor (22 Mar 2012 - 14:28)

gorgo

22 Mar 2012 à 14:29

merci beaucoup,

j'ai également trouvé un code très pratique qui ne nécéssite pas d'appel js :

<input type="text" value="Votre mail" onFocus="if (this.value == 'Votre mail') this.value = ''" />

merci beaucoup en tout cas
Modifié par gorgo (22 Mar 2012 - 14:29)