Gestion valeur par defaut d'un Input text

Bonjour,

Je souhaite fixer pour mon input text une valeur par default mais qui desparaitrais entierement lorsque l'on click sur le champ afin de rentrer les infos. J'imagine qu'il faut peut etre avoir recours a du javascript mais j'aimerais eviter si c'est possible... et quoi qu'il arrive je ne sais pas le faire en javascript non plus...

Merci d'avance pour votre aide,

Cam

Sans javascript, c'est impossible.

Citation:

---

J'imagine qu'il faut peut etre avoir recours a du javascript mais j'aimerais eviter si c'est possible...

---

Pourquoi ? C'est tout à fait l'exemple type de ce que l'on appelle l'amélioration progressive qui justifie amplement l'utilisation de JavaScript !

Code:

---

<input type="text" value="Choisir" onfocus="if(this.value=='Choisir'){this.value=''}" onblur="if(this.value==''){this.value = 'Choisir'}" />

---

Quelle est donc la methode apropriée en javascript?

Merci d'avance,

Camille

En lisant les réponses entièrement, ça marche mieux.

:oops:
oups, dslé pour ca, ca marche très bien en tout cas!

Merci bcp,

camille

Bonjour,

Cette solution marche effectivement très bien pour Firefox et Explorer (et opera) mais il y a des problemes sur Chrome et Safari. En effet, mon input text possede egalement un maxlenght comme vous pouvez le constater ci dessous :

Code:

---

<input type="text" id="reference" name="reference" value="retrouver le message n°" maxlength="6" onfocus="if(this.value=='retrouver le message n°'){this.value=''}" onblur="if(this.value==''){this.value = 'retrouver le message n°'}" title="Retrouvez le message grace à sa référence"/>

---

J'ai donc l'impression que l'attribut "maxlenght" prend le pas sur les commandes javasript et il n'affiche que les 6 premières lettres "retrou" au lieu de "retrouver le message n°"...

Connaissez vous ce probleme sur Safari et Chrome?

Merci d'avance,

Camille

Je trouve un peu dommage de mettre un maxlenght si déjà par défaut tu écris une valeur de plus de 6 caractères. Tu trouves pas une incohérence ?:lol:

Et comme ça ?

Code:

---

1 2

<input type="text" id="reference" name="reference" value="retrouver le message n°" onfocus="if(this.value=='retrouver le message n°'){this.style.maxlength=6; this.value=''}" onblur="if(this.value==''){this.style.maxlength=30; this.value = 'retrouver le message n°'}" title="Retrouvez le message grace à sa référence"/>

---

Citation:

---

Envoyé par tibotibo69

Code:

---

onfocus="if(this.value=='retrouver le message n°'){this.style.maxlength=6; this.value=''}" onblur="if(this.value==''){this.style.maxlength=30; this.value = 'retrouver le message n°'}"

---

---

:roll:
maxlength n'est pas une propriété de style mais de l'input lui-même !

Code:

---

onfocus="if(this.value=='retrouver le message n°'){this.maxlength=6; this.value=''}" onblur="if(this.value==''){this.maxlength=30; this.value = 'retrouver le message n°'}"

---

Merci ;)