Formy: un framework CSS per i form

Accanto ai framework CSS destinati alla costruzione di layout di pagina, stanno nascendo alcuni progetti dedicati ad elementi specifici come […]

Accanto ai framework CSS destinati alla costruzione di layout di pagina, stanno nascendo alcuni progetti dedicati ad elementi specifici come i form. àˆ il caso di Formy, appena uscito dalla versione beta e pronto per il download dalla pagina del progetto ospitata su Google Code.

L’approccio è questo: non usare per la realizzazione della struttura in HTML né tabelle, né div, né liste, sfruttare nel modo più semplice elementi di base come <label>, i vari input necessari e <br />. I form di base presenti nel pacchetto e offerti come esempi hanno una struttura siffatta (il codice è quello del primo esempio):

<fieldset>
<legend>Horizontal  form</legend>
				<label for="Name">Name:</label>

				<input tabindex="1" id="Name" type="text" name="Name" /><br />
				<label for="City">City:</label>

				<input tabindex="2" id="City" type="text" name="City" /><br />
				<label for="Message">Message:</label>

				<textarea tabindex="4" id="Message" name="Message" rows="20" cols="20"></textarea><br />
</fieldset>

Il CSS ha poi tre semplici sezioni: una di reset, una per la struttura, una per i colori di bordi e sfondi.

Voi che approccio usate per strutturare e applicare gli stili ai vostri moduli?

I Video di HTML.it

Fabio Fabbrucci, “contratti Agile”