Afficher texte dans une case de saiise

Résolu/Fermé
t671 Messages postés 1453 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 13 novembre 2024 - 13 août 2012 à 18:08
t671 Messages postés 1453 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 13 novembre 2024 - 23 août 2012 à 17:00
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
<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

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
14 août 2012 à 10:06
Bonjour essayer ça ça apparaît en gris
placeholder="année"
1
Utilisateur anonyme
13 août 2012 à 18:53
<input name="an2" type="text" id="an2" size="2" maxlength="4"value="annee"/>
0
t671 Messages postés 1453 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 13 novembre 2024 11
14 août 2012 à 09:38
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 ?
0
fredconv Messages postés 125 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 38
14 août 2012 à 10:08
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';}">

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
t671 Messages postés 1453 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 13 novembre 2024 11
Modifié par t671 le 15/08/2012 à 10:27
Merci lobotomix et fredconv. Mais vos solutions ne fonctionnent pas ......
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 .......
0
fredconv Messages postés 125 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 38
16 août 2012 à 10:14
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:

<!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 )
0
t671 Messages postés 1453 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 13 novembre 2024 11
23 août 2012 à 17:00
Merci beaucoup fredconv !!!!!
Ca fonctionne ............. ;o))

A ++
0