High-Tech Santé Médecine Droit-Finances

Installer

une imprimante

en WiFi

Rechercher : dans
Par :

Rendre transparent un champs d'un formulaire

Dernière réponse le 16 mai 2007 à 20:01:10 emma3345, le 15 mai 2007 à 21:44:33 
 Signaler ce message aux modérateurs

Bonsoir,
j'aimerais bien savoir si c'est possible de rendre la case (champs de saisie) d'un formulaire transparent.
voici une partie de mon code: 

<input type="text"  name="case1" value="toto">

je cherche à rendre la case où se trouvera toto transparente.
je parle de la bordure de la case
Merci
Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « rendre transparent un champs d'un formulaire » dans :
Rendre un champ u formulaire invisible (Résolu) Voir
Champ obligatoire dans formulaire (Résolu) Voir
Formulaires en ligne - Les champs de saisie Voir Quelles données saisir ? Comment dois-je saisir l'information L'organisation des champs de saisie Séparer les champs de saisie L'organisation des champs et des titres La longueur des champs Quelles données saisir ? Sur la plupart des...
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
[Gimp] Créer des images transparentes VoirCette vidéo va vous expliquer comment utiliser The Gimp pour créer des images transparentes, les problèmes que cela peut poser dans certains navigateurs et comment contourner le problème. Vidéo de 2 Mo (Flash)
Posez votre question Répondre

1

vangar, le 15 mai 2007 à 22:43:19
  • +2

Pour enlever la bordure, utilise CSS 

<input type="text"  name="case1" value="toto" style="border:0px">

Ou si c'est pour rendre toute la textbox transparente, c'est: 
<input type="text"  name="case1" value="toto" style="background-color:transparent">


Ou, essaye un mixe des deux! :p

   
Répondre à vangar

2

emma3345, le 16 mai 2007 à 13:53:56

Comment l'ecrire dans une feuille de style et comment l'apeller de mon input.
Merci

   
Répondre à emma3345

3

Dalida, le 16 mai 2007 à 15:20:42
  • +2

Salut,

dans une feuille de style tu ajoutes la règle suivante : 

input{
background-color:transparent;
}

et tous les <input> auront un fond transparent.
si tu ne veux l'appliquer qu'à un seul utilise une classe :
en html : 
<input class="trans">

en css : 
input.trans{
background-color:transparent;
}


ou alors tu ne touches pas au html et utilises l'attribut 'name' comme sélecteur en css : 
input[name="case1"]{
background-color:transparent;
}
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain

   
Répondre à Dalida

4

emma3345, le 16 mai 2007 à 17:25:18
  • +1

Voila ce que j'ai faite, ca ne marche pas.
dans mon formulaire j'ai fait cà 

echo '<input  type="text" class="trn" name="toto" value= "?">';

et dans la feuille de style, j'ai fait ceci 
input[name="case1"].trn{
background-color:transparent;
}

Merci pour votre aide

   
Répondre à emma3345

5

KmiK, le 16 mai 2007 à 17:54:16

Bonjour 

echo '<input  type="text" class="trn" name="toto" value= "?">';


et dans la feuille de style 
input.trn{
background-color:transparent;
}

pour tout les champ de class trn

ou 

echo '<input  type="text" id="trn" name="toto" value= "?">';


et dans la feuille de style 
input#trn{
background-color:transparent;
}


juste pour ce champ

cordialement

PS: je ne suis pas sur que IE7 prenne en compte les attribut d'element HTMTL en CSS, peut-etre me trompe-je. en tout cas IE6 ne le fait pas

   
Répondre à KmiK

6

 emma3345, le 16 mai 2007 à 20:01:10
  • +1

Merci cà marche

   
Répondre à emma3345
Posez votre question Répondre
Ils ont besoin de votre aide