Disparition de texte avec javascript

Fermé
parousky Messages postés 325 Date d'inscription mardi 11 septembre 2012 Statut Membre Dernière intervention 20 février 2022 - 10 déc. 2013 à 18:09
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 13 déc. 2013 à 15:26
Bonjour, pour mon site web, j'utilise des <TEXTAREA> pour que l'utilisateur renseigne des informations, et j'aimerai que dans ce cadre soit inscrit un texte du genre "entrez votre description ici". Et j'aimerai que lorsque l'utilisateur clique sur la zone de texte, cette phrase disparaisse.
Je saurais faire, mais seulement je ne connais pas de fonction qui se lance lorsque l'on clique sur une zone de texte.
Pour les BUtton, on peut utiliser onclick, pour les menus déroulants onchange, mais quant est-il pour les zones de texte ?
Merci d'avance pour vos réponses !

2 réponses

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
10 déc. 2013 à 19:40
Bonjour !
Le premier réflexe que tu doit avoir, c'est pas de lancé pleins de javascript pour résoudre tes problèmes.
HTML gère ça lui même, de façon super simpliste, donc le JS est largement inutile pour ce cas.

<textarea placeholder="Mon texte pré-remplir qui partir quand l'utilisateur tapera sa première lettre"></textarea>
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
13 déc. 2013 à 14:25
Un petit fallback JS n'est pas inutile pour la navigateurs ne supportant pas le placeholder.
Placeholder remplace de plus en plus les labels, et pour les navigateurs qui ne le supportent pas les formulaires deviennent presque impossibles à remplir, puisqu'on ne sait pas à quoi correspondent les champs.
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
13 déc. 2013 à 15:26
Le mieux étant d'utiliser l'attribut placeholder et ce script si on souhaite supporter les vieux navigateurs : http://jamesallardice.github.io/Placeholders.js/
0
parousky Messages postés 325 Date d'inscription mardi 11 septembre 2012 Statut Membre Dernière intervention 20 février 2022 6
13 déc. 2013 à 12:02
A oui ça marche très bien merci beaucoup !
0