[résolu] Un onFocus sur un champ recherche

Bonjour,

J'aimerais savoir comment faire pour avoir un texte qui s'efface quand on clique dans le champ (recherche, newsletter) en gardant une validation stricte et une acessibilité maximale ?

Quelqu'un a t-il réussit ?
Modifié par Samuel Berg (14 Nov 2005 - 09:44)

Salut,

J'utilise un script non intrusif :

function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}

avec :

<input class="input" id="tel" onfocus="clearText(this)" value="Téléphone" name="tel" />

Bonjour,

Une autre version qui ne supprime pas directement le texte de la zone, mais qui la sélectionne, et donc, l'efface en saisissant un premier caractère. Ca peut être un plus en matière d'ergonomie, enfin je trouve.

<input type="text" onfocus="this.select();" />

OU plus simple (j'espère ne pas dire de bêtise) :

onfocus="this.value='';"

Le tout est de ne pas mettre de majuscules dans onfocus si tu es en XHTML.

EDIT : ah bonne idée, Quentin !
Modifié par Raphael (09 Nov 2005 - 17:56)

Le problème de onfocus=this.value='';" c'est que le contenu est effacé quand on parcours innocemment les champs les uns après les autres avec la touche tab.
Comparer avec la valeur par défaut est déjà une meilleure idée, mais si j'ai envie de laisser la valeur par défaut, je fais quoi ?

Je trouve beaucoup plus "naturel" que le texte se sélectionne au focus que ce qu'il ne s'efface. Je ne sais pas ce que vous en pensez ?

J'adore la formule du surlignage, adopté.

Merci de vos réponses