Effacer le texte par défaut d'un champ de formulaire

Effacer le texte par défaut d'un champ de formulaire - HTML/CSS - Programmation

Marsh Posté le 27-04-2005 à 19:28:42    

SUr un champs de type textarea, je voudrais mettre un texte par défaut qui s'effacerait dès que l'utilisateur clique sur le textarea en question.
 
J'ai déjà vu ça quelque part, mais impossible de remettre la main dessus, et Google ne donne rien !
 
Merci


---------------
Bepimaco
Reply

Marsh Posté le 27-04-2005 à 19:28:42   

Reply

Marsh Posté le 27-04-2005 à 19:29:09    

JS

Reply

Marsh Posté le 27-04-2005 à 19:31:55    

Si c'est un site à copier que tu cherches : http://linuxfr.org/pub/ :D

Reply

Marsh Posté le 27-04-2005 à 19:36:20    

Merci de ta source kalex, j'ai essayé pendant quelques temps d'écrire le JavaScript, mais je ne m'y connais vraiment pas assez, et toutes mes tentatives buggait à un moment ou un autre.


---------------
Bepimaco
Reply

Marsh Posté le 27-04-2005 à 22:07:16    

up pour le topic. je veux savoir aussi !


Message édité par Ryoh le 27-04-2005 à 22:07:25
Reply

Marsh Posté le 27-04-2005 à 22:10:29    

Bon, on peut pas faire plus simple que ça :o :

Code :
  1. <input type="text" value="Texte ici" onFocus="this.value=''" />

Reply

Marsh Posté le 27-04-2005 à 22:15:11    

Par contre faut faire gaffe si le mec tape un texte de 5000 lignes, va sur un autre champs, puis revient à ton texte, ça va tout virer :D

Reply

Marsh Posté le 27-04-2005 à 22:16:57    

Merci :jap: ça marche pour input type="text" et textarea j'imagine?
 
 
Non bah finalement c'est pas si efficace que ça... le truc se retourne contre nous il suffit d'un clic sur le champ pour tout effacer :(


Message édité par Ryoh le 27-04-2005 à 22:25:53
Reply

Marsh Posté le 27-04-2005 à 22:52:52    

FlorentG a écrit :

Par contre faut faire gaffe si le mec tape un texte de 5000 lignes, va sur un autre champs, puis revient à ton texte, ça va tout virer :D


 [:aloy]  
 
 
dans ton textarea ou input tu rajoute:

Code :
  1. value="Mon texte par defaut" onfocus="if (this.value=='Mon texte par defaut') this.value=''" />


 [:airforceone]  
 :jap:  

Reply

Marsh Posté le 27-04-2005 à 22:54:41    

Voilà :jap:

Reply

Marsh Posté le 27-04-2005 à 22:54:41   

Reply

Marsh Posté le 27-04-2005 à 23:01:50    

:jap:


Message édité par Ryoh le 27-04-2005 à 23:02:09
Reply

Marsh Posté le 28-04-2005 à 10:29:05    

Je vous conseille la lecture de cet article
C'est encore un pas en avant concernant la separation du comportement de l'html.
 
L'article traite de "script triggers". Triggers declenches soit par un id precis, soit par une classe precise, soit encore par ... une propriete definie par l'utilisateur.
 
Il faudrait donc creer un "namespace" (methode plus facile que la creation d'un dtd custom, mais non evoquee dans l'article ci-dessus).
 
J'ai pas encore experimente avec cette technique, je compte le faire assez rapidement, mais elle a du potentiel, alors je la poste au cas ou quelqu'un ai envie de faire "mumuse" :p
 
Plus de details :
1) quirksmode.org (commentaire sur l'article d'ala)
2)Namespaces (richui.blogspot.com)

Reply

Marsh Posté le 10-06-2009 à 12:21:48    

Je up ce qui me semble être une question inusable pour ajouter une ligne plus sympa :
 

Code :
  1. onfocus="if (this.value== this.defaultValue) this.value='' "


 
Il existe une variable defaultValue qui rend la vie plus simple et le code plus souple que de mettre un texte en dur en comparaison...

Reply

Marsh Posté le 03-03-2010 à 14:02:57    

Bon bah le truc c'est tout bête:
Pour un textarea il suffit de faire:
<textarea>Le texte ici....</textarea>
Pour un input il faut faire:
<input value="mon texte ici" type="text" />
Et pour vider le input sur le clique il faut faire:
<input type="text" onclick="this.value='';" value="Mon texte de base ici, qui sera supprimé en cas de clique." />
Voila!!!

Reply

Marsh Posté le 03-03-2010 à 14:03:50    

Sinon en effet le code de nekikool est très bien, comme ça il ne supprime pas le texte tapé par l'internaute.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed