Formulaire PHP pré-remplis Résolu/Fermé

Question

Bonjour,

     J'utilise un formulaire pour une inscription.
J'accepte seulement 1 format pour inscrire le numéro de téléphone.
Le format est le suivant : 0000000000
Afin que le visiteur le sache, je voudrait que lorsque le formulaire s'affiche, les 10 zéros s'affichent dans la zone de texte formulaire et qu'au moment du clique, la zone s'efface automatiquement.
J'ai essayé de mettre les 10 zéros dans value="0000000000" mais au clic ça ne s'efface pas automatiquement.
Merci pour votre aide.

avion-f16 · Accepted Answer

Au lieu de réécrire toujours la chaine, on peut utiliser la propriété defaultValue.
L'attribut onfocus correspond mieux à l'évènement "lorsque le curseur se place dans le champ" que onclick.
<input type="text" name="nom" value="Votre nom" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur="if(this.value == '') this.value = this.defaultValue;" />

arthezius · Answer

Je suis tomber en cherchant rapidement sur une astuce de Jeff que j'ai légèrement modifié:

<input value="Entrez ici votre nom" onclick="if(this.value=='Entrez ici votre nom')this.value='';" />
J'ai testé ça marche.
Il pourrait également être intéressant de faire en sorte que si le champ est vide que la valeur par défaut se remette.
Je laisse ceux qui maitrise JS apporter cette amélioration.

L'astuce d'origine: https://www.commentcamarche.net/faq/884-javascript-effacer-un-champ-de-formulaire-lors-du-clic-focus

Rom190686 · Answer

Merci ça fonctionne. Y a t-il un façon de griser ou d'atténuer la couleur du texte afin de montrer que c'est une indication?

Rom190686 · Answer

Merci c'est parfait

Formulaire PHP pré-remplis

4 réponses

Discussions similaires