Tansformer un champ de texte en un texte

Tansformer un champ de texte en un texte

Messagede quentinmontana15 le Mar 17 Juin 2008 16:37

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 :
Code: Tout sélectionner
<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

Maintenant, on utilise deux coups de CSS.

Code :
Code: Tout sélectionner
<input type="text" size="80" value="Avec style" style="border-width : 0px; background-color: transparent;">


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.

quentinmontana15
 

Retourner vers Languages du web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités