28173 sujets

CSS et mise en forme, CSS3

Mise en forme formulaire

Bonjour,

Voila je réalise un formulaire avec plein de questions, et je me demandai comment mettre en forme mes éléments?

Je pense a un tableau, est ce le mieux? Tout en respectant les normes bien sur :d

Merci
C'est une question que je me suis posé et mon prof de HTML m'avait donné la solution...

En XHTML on a par exemple :

<label>Prénom :</label>
<input type="text" name="prenom"/>
<br/>
			
<label>Nom :</label>
<input type="text" name="nom"/>
<br/>
			
<label>Age :</label>
<br/>
<label>-15</label><input type="radio" name="age" value="1"/>
<br/>
<label>15-30</label><input type="radio" name="age" value="2"/>
<br/>
<label>31-45</label><input type="radio" name="age" value="3"/>
<br/>
<label>45+</label><input type="radio" name="age" value="4"/>


On peu remplacer les <br/> par autre chose, là c'est pour aller vite...

Pour obtenir l'effet recherché, il suffit de faire flotter le label, l'afficher en bloc et lui donner une largeur dans le CSS:

label
{
	float: left;
	display: block;
	width: 200px;
}

Modifié par predator93 (17 Feb 2007 - 12:53)
cerede2000 a écrit :
Eu merci mais ca ne répond pas a ma question :s

Oui désolé en fait j'avais lu ton message un peu vite. Smiley confused
predator93 a écrit :
C'est une question que je me suis posé et mon prof de HTML m'avait donné la solution...
Il ne t'a parlé de l'attribut "for" pour les <label> par la même occasion ? Smiley cligne
Julien Royer a écrit :
Il ne t'a parlé de l'attribut "for" pour les <label> par la même occasion ? Smiley cligne


Lol si si, je connais l'attribut "for" mais j'ai écrit le code un peu rapidement...
Faut pas l'oublier t'as raison.
OK par contre les lables peuvent se mettre comme ceci aussi non?
<label>Prénom :
<input type="text" name="prenom"/></label>


Par contre ouai les <br/> en dehors des <p></p> c'est pas autorisé ca!
cerede2000 a écrit :
OK par contre les lables peuvent se mettre comme ceci aussi non?
<label>Prénom :
<input type="text" name="prenom"/></label>
Non, c'est déconseillé (voir la FAQ).
Hum en faite j'ai pas vraiment ma reponse. Quel est le meilleur moyen de mettre en forme les elements d'un formulaire? Merci
cerede2000 a écrit :
Hum en faite j'ai pas vraiment ma reponse. Quel est le meilleur moyen de mettre en forme les elements d'un formulaire? Merci
Tu as lu les liens donnés dans la FAQ ? Smiley rolleyes
Sujet clos
Aller à