Article posté par : deoxys Date de mise en ligne : 15-03-2006 Niveau : Assez facile >> Ajouter un article
Tansformer un champ de texte en un texte
De quoi ?
Beaucoup de personnes utilisent des input type text/textarea pour utiliser des scripts javascripts, y mettre des textes défilants, y mettre l'heure... Cependant parfois on voudrait supprimer ce cadre type formulaire sans devoir refaire le script.
C'est extrêmement simple en utilisant CSS !
Exemple
Nous prenons une page à laquelle nous mettons une couleur de fond spécifique. Nous y mettons un input simple.
Voici le résultat obtenu.
Code :
<input type="text" size="20" value="Sans style">
A l'affichage, on obtient un banal champ de texte au fond blanc et avec une bordure spéciale. Exemple :
On a mis la largeur de la bordure à zéro, on a mis transparent en couleur de fond.
Le résultat est un texte normal. Résultat :
Remarque 1 : Cela s'applique aussi aux textarea !
Remarque 2 : Il s'agit toujours d'un champ de formulaire, cependant il n'y a plus que le texte. Le visiteur peut toujours séléctionner ce texte et le supprimer.
Note : Ne fonctionne pas sous Safari pour l'instant, qui ne gère quasiment pas les CSS sur les input. Cela devrait bientôt changer, avec la prochaine version.