Tableless forms ? Moui.
By Geoffrey on Thursday 29 September 2005, 19:20 - Coding - Permalink
Je viens de tomber sur un article intitulé CSS2 - Tableless forms. Comme j'aime pas les <br />, je vous donne ma propre version de la chose:
<form> <div> <label for="name">Name</label> <input id="name" name="name" /> </div> <div> <label for="address">Address</label> <input id="address" name="address" /> </div> <div> <label for="city">City</label> <input id="city" name="city" /> </div> </form>
Et le CSS kivabien:
form div { overflow: auto; } form label { float: left; width: 15em; }
Ca ne donne pas exactement le même résultat, mais l'esprit y est.
Comments
Je procède de cette même manière.
Tu ne peux pas mettre des balises de paragraphes pour des formulaires. Remplaces les par des <div> qui est tout pile ce qu'on recherche puisque cette balise sert à regrouper des balises, ce qui est ce qu'on veut faure avec <label> et <input>. <p> c'est pour des paragraphes de texte.
je le note et je m'en félicites et je modifie de suite ce billet
Tu as oublié de modifier le CSS ^^ La méthode de l'article originale avec le <br /> je la trouve assez primaire. Avec des <div> il est facile de donner n'importe quelle propriété pour mieux personnaliser le formulaire. C'est bien plus limité avec <br />.
ouuuuuups c'est corrigé :)
moi on m'a toujours dit que <br /> saimal (c) donc voila.
<brrrrrrrrrrrrrrr />
si vous me cherchez, je suis loiiiiiiiiiiiiiiiiiiiiiiinn loiiiiiiiiiiiiiiiiiiiiiin dehors
Pour ma part, j'ai opté pour la solution liste de défintions, comme observable sur http://dico-des-mots.com/ : <form>
<fieldset> <legend>Titre du formulaire :</legend> <dl> <dt><label for="item1">Item 1 :</label></dt> <dd><input type="text" name="item1" id="item1" /></dd> <dt><label for="item2">Item 2 :</label></dt> <dd><input type="text" name="item2" id="item2" /></dd> <dt><label for="item3">Item 3 :</label></dt> <dd><input type="text" name="ite31" id="item3" /></dd> <dt><label for="item4">Item 4 :</label></dt> <dd><input type="text" name="item4" id="item4" /></dd> </dl><label for="valide"><input type="checkbox" name="valide" id="valide" />Je reconnais avoir pris connaissance de notre charte et je l'accepte sans limite.</label> <input type="submit" name="soumettre" value="Envoyer !" /> </fieldset> </form>c'est un peu lourd... nan ?
http://giminik.developpez.com/xhtml/form.html
p fait bien partie des enfants de form
c'est pour une autre raison qu'on peut pas en mettre?
moi aussi je met des p et youpi :)