Afficher texte dans une case de saiise

Résolu
t671 Messages postés 1478 Date d'inscription   Statut Membre Dernière intervention   -  
t671 Messages postés 1478 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 
<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

  1.
    @lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
     
    Bonjour essayer ça ça apparaît en gris 
    placeholder="année"
    1
  2. Utilisateur anonyme
     
    <input name="an2" type="text" id="an2" size="2" maxlength="4"value="annee"/>
    0
  3. t671 Messages postés 1478 Date d'inscription   Statut Membre Dernière intervention   11
     
    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
  4. fredconv Messages postés 143 Statut Membre 38
     
    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

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

    Posez votre question
  6. t671 Messages postés 1478 Date d'inscription   Statut Membre Dernière intervention   11
     
    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
    1. fredconv Messages postés 143 Statut Membre 38
       
      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
  7. t671 Messages postés 1478 Date d'inscription   Statut Membre Dernière intervention   11
     
    Merci beaucoup fredconv !!!!!
    Ca fonctionne ............. ;o))

    A ++
    0