Afficher texte dans une case de saiise
Résolu
t671
Messages postés
1476
Date d'inscription
Statut
Membre
Dernière intervention
-
t671 Messages postés 1476 Date d'inscription Statut Membre Dernière intervention -
t671 Messages postés 1476 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais afficher un texte (année) dans une case de saisie où l'opérateur doit saisir un texte (l'année).
Ma case je l'affiche
Mais comment afficher le mots "année" (pour guider l'opérateur). Mot qui n'apparaitra plus une fois l'année écrite dans la case ......
Merci
Je voudrais afficher un texte (année) dans une case de saisie où l'opérateur doit saisir un texte (l'année).
Ma case je l'affiche
<input name="an2" type="text" id="an2" size="2" maxlength="4"/>
Mais comment afficher le mots "année" (pour guider l'opérateur). Mot qui n'apparaitra plus une fois l'année écrite dans la case ......
Merci
6 réponses
Merci beaucoup !
Pour compliquer la chose, si je veux faire apparaitre "année" en italique et de couleur grise ?
Et est-il possible de faire disparaitre "année" une fois mis le curseur dans la case ?
Pour compliquer la chose, si je veux faire apparaitre "année" en italique et de couleur grise ?
Et est-il possible de faire disparaitre "année" une fois mis le curseur dans la case ?
Salut
pour faire disparait ou réapparaitre le texte
<input type="text" value="Année" onfocus="if (this.value == 'Année') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Année';}">
pour faire disparait ou réapparaitre le texte
<input type="text" value="Année" onfocus="if (this.value == 'Année') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Année';}">
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci lobotomix et fredconv. Mais vos solutions ne fonctionnent pas ......
Je suis dans un fichier js.
Si j'écris
Et pour faire apparaitre et disparaitre "année" quand je place le curseur dans la case,
en remplaçant ma ligne par celle de fredconv, plus rien ne s'affiche ........
En plus, pour enregistrer une date, j'ai une case où je choisi "avant, après.....", puis une case où je rentre le n° du jour, puis une case où je rentre le mois, puis une case où je rentre l'année, puis une case "et avant, et après.....", puis une case où je rentre le n° du jour, puis une case où je rentre le mois, puis une case où je rentre l'année.
Si je ne remplie que les premières cases (sans toucher à la dernièere où c'est écrit "année"), ce mot année est enregistré avec le reste de la date .......
Je suis dans un fichier js.
Si j'écris
<input name="an1" type="text" id="an1" size="3" maxlength="4" placeholder="année"/>, année ne s'affiche pas. Si je rajoute
value="année", année reste en noir.
Et pour faire apparaitre et disparaitre "année" quand je place le curseur dans la case,
en remplaçant ma ligne par celle de fredconv, plus rien ne s'affiche ........
En plus, pour enregistrer une date, j'ai une case où je choisi "avant, après.....", puis une case où je rentre le n° du jour, puis une case où je rentre le mois, puis une case où je rentre l'année, puis une case "et avant, et après.....", puis une case où je rentre le n° du jour, puis une case où je rentre le mois, puis une case où je rentre l'année.
Si je ne remplie que les premières cases (sans toucher à la dernièere où c'est écrit "année"), ce mot année est enregistré avec le reste de la date .......
salut
alors "placeholder" fonctionnera uniquement si tu fais du html 5, si tu es xhtml ou html inferieur ou autre cela ne fonctionnera pas.. ce qui semble etre ton cas.
pour ma part j ai testé ce code:
j ai un fichier index.html en xhtml 4.01 transitionnel.. avec comme code:
a l affichage, juste un champ text avec le mot année par defaut. quand je clique dedans, le text année disparait , si je n entre rien et que je clique ailleurs, il réapparait..
(poru que ca fonctionne evidemment, il faut le javascript ne soit pas désactivé sur ta page :D )
alors "placeholder" fonctionnera uniquement si tu fais du html 5, si tu es xhtml ou html inferieur ou autre cela ne fonctionnera pas.. ce qui semble etre ton cas.
pour ma part j ai testé ce code:
j ai un fichier index.html en xhtml 4.01 transitionnel.. avec comme code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta charset="utf-8" />
<title>Page de test</title>
</head>
<body>
<input type="text" value="Année" onfocus="if (this.value == 'Année') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Année';}">
</body>
</html>
a l affichage, juste un champ text avec le mot année par defaut. quand je clique dedans, le text année disparait , si je n entre rien et que je clique ailleurs, il réapparait..
(poru que ca fonctionne evidemment, il faut le javascript ne soit pas désactivé sur ta page :D )