Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2793 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1063269
bepimaco
Festina lente
Posté le 27-04-2005 à 19:28:42  profilanswer
 

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
mood
Publicité
Posté le 27-04-2005 à 19:28:42  profilanswer
 

n°1063270
FlorentG
Unité de Masse
Posté le 27-04-2005 à 19:29:09  profilanswer
 

JS

n°1063271
kalex
Posté le 27-04-2005 à 19:31:55  profilanswer
 

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

n°1063275
bepimaco
Festina lente
Posté le 27-04-2005 à 19:36:20  profilanswer
 

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
n°1063436
Ryoh
Posté le 27-04-2005 à 22:07:16  profilanswer
 

up pour le topic. je veux savoir aussi !


Message édité par Ryoh le 27-04-2005 à 22:07:25
n°1063448
kalex
Posté le 27-04-2005 à 22:10:29  profilanswer
 

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

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

n°1063463
FlorentG
Unité de Masse
Posté le 27-04-2005 à 22:15:11  profilanswer
 

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

n°1063464
Ryoh
Posté le 27-04-2005 à 22:16:57  profilanswer
 

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
n°1063571
pmusa
&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;
Posté le 27-04-2005 à 22:52:52  profilanswer
 

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:  

n°1063580
FlorentG
Unité de Masse
Posté le 27-04-2005 à 22:54:41  profilanswer
 

Voilà :jap:

mood
Publicité
Posté le 27-04-2005 à 22:54:41  profilanswer
 

n°1063599
Ryoh
Posté le 27-04-2005 à 23:01:50  profilanswer
 

:jap:


Message édité par Ryoh le 27-04-2005 à 23:02:09
n°1063962
cerel
Posté le 28-04-2005 à 10:29:05  profilanswer
 

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)

n°1893578
nekikool
Posté le 10-06-2009 à 12:21:48  profilanswer
 

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...

n°1970848
pind8
Rien
Posté le 03-03-2010 à 14:02:57  profilanswer
 

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!!!

n°1970849
pind8
Rien
Posté le 03-03-2010 à 14:03:50  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
commentaire du formulaire absent !! je vais y arriver !! help !!!!!!!!Formulaire : 2 fois l'email et pas le commentaire !!!!!! HELP !!!
Importation fichier texte en excel avec plus de 256 colonnesrécupérer une chaines de caractère d'un fichier texte
Pas facile d'avoir de l'aide ici !!!!!! HELP ! Prob.formulaire !Probl. de formulaire ou de Guestbook ??!!!!!!
acceder a une page en fonction dun champVerifier la redondance de mots ou de lettres dans formulaire
Saisie et contrôle dune Date dans un formulaireerreur de formulaire ????
Plus de sujets relatifs à : Effacer le texte par défaut d'un champ de formulaire


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR