[Web2.0] form e web semantico

[Angelo Galleja]

Tassoman (mailing) ha scritto:
> Il giorno gio, 23/11/2006 alle 14.41 +0100, Domenico L. ha scritto:
>> Per quale sei più propenso?
> 
> La seconda proposta si potrebbe anche vedere in questo modo (non credo
> che gli input possano stare dentro ai label):
> 
> <form>
>   <p>
>     <label for="email">Indirizzo:</label>
>     <input type="text" name="email" />
>   </p>
> </form>

è il sistema che uso anch'io :)

  l'attributo for di label si riferisce all'id
e non al name poichè gli id sono "univoci", pensa a come
assoceresti le label ai  radio button ad esempio

> Dopo di che potresti provare a gestire label ed input con un
> display:block; e metterli float dx/sx a piacere, pur rimanendo dentro ai
> paragrafi.

mantenendo la struttura
p > label > input

è sufficiente:
label { width: 250px; display: block; float: left; }

oppure per chi preferisce l'allineamento delle label a destra
label { width: 250px; display: block; float: left; padding-right: 2px; text-align: right; }