3 visiteur(s) et 0 membre(s) en ligne.
samedi 11 septembre 2010   
Rechercher

Météo suisse
Skype Me!

Mon statut

Newsletter


Votre adresse E-mail



Recevez par mail les nouveautés du site.

Activité du Site
Pages vues depuis 01/03/2008 : 468 426
  • Nb. de Membres : 134
  • Nb. d'Articles : 63
  • Nb. de Forums : 6
  • Nb. de Sujets : 4
  • Nb. de Critiques : 0

Top 10  Statistiques

Audience
Aujourd'hui : 4 connectés à 00:59.

Ce mois ci : 12 connectés le 5/9 05:43.

Cette année : 27 connectés le 15/1 00:46.

Absolu : 100 connectés le 24/12/2007 09:40.

Aujourd'hui

Total
Effacer un champ de formulaire lors du clic (focus)

(202 mots dans ce texte )  -   lu : 806 Fois     Page Spéciale pour impression

Il peut être pratique dans un formulaire d'avoir des valeurs pré-remplies décrivant par exemple le type de valeur attendue. Il suffit simplement de mettre une valeur tel quel : value="ma valeur" L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de pouvoir écrire.
Il est possible de faire disparaître ce texte dès que l'utilisateur sélectionne ce champ (c'est-à-dire lorsque ce champ obtient le focus) :

Demo
Nom :

Mettre le curseur dans le input pour voir l'effet

Code
<form  ... >
<input type="text" name="nom" size="16" value="Veuillez remplir ce champs" 
onFocus="javascript:this.value=''" />

<input type="submit" value="Valider" />
</form>

Cependant de cette façon le texte sera effacé quel qu'il soit ! On peut utiliser une condition pour ne remplacer que si la valeur est "Veuillez remplir ce champs" :

<input onclick="if(this.value=='Veuillez remplir ce champs')this.value=''; ... />

Pour toutes questions : Forum




Retour à la sous-rubrique :
  • Javascript

  • Autres publications de la sous-rubrique :
  • iframe à la hauteur de son contenu
  • Zoom sur une image
  • Temps : 0.0879 seconde(s)