Come realizzate il layout dei vostri form?
Lunedì 2 Novembre 2009 - 10:35
di Cesare Lamanna
Questo breve tutorial mi serve solo come spunto. Spiega come creare il layout di un form facendo a meno delle tabelle. La tecnica adottata è quella già nota basata sull’adozione di elementi li per contenere gli input e le label.
Voi quale tecnica adottate e/o preferite per impostare il layout dei moduli? Avete buttato a mare le tabelle pure per questi scopi?
Categoria: CSS, Web Design | Permalink
Commenti
1
Io solitamente metto le label e gli input dentro dei paragrafi
2
Buon giorno a tutti…
per quanto mi riguarda per i form è molto semplice:
all’interno di FORM metto un DIV che contiene P di classe label seguiti ognuno dal proprio INPUT…
e così, andando di discendenze, impagino come mi pare senza bisogno di tabelle…PS: io che ho cominciato “tardi” riesco con difficoltà a concepire le tabelle per posizionare: paradossalmente sono troppo solide…
e quando trovo tabelle utilizzate in plugin o moduli di terze parti intanto perdo fiducia nell’autore del plugin-o-modulo, poi se proprio voglio usarlo le levo sempre…
3
Tabelle per contenere i form… assolutamente da abolire. Inserire la label + il campo di testo all’interno di un div, credo che permetta un controllo ed una personalizzazione migliore.
4
Applico i css a label e input, utilizzo al più dei div che li contengano per ottenere strutture un po’ più “interessanti” dal punto di vista grafico. Morte alle tabelle! ;-)
# - postato da ilaria - 02 Novembre 2009 - 11:50
5
Ma sinceramente le tabelle per i form non le vedo così sbagliate.
Per logica le tabelle servono per dati tabellari, come è ad esempio un form. Per moduli complessi una struttura a DIV è più versatile, ma per moduli normali con una lista di elementi una tabella non è da scartare a priori, secondo me.# - postato da lloyd27 - 02 Novembre 2009 - 11:54
6
Un form contiene dati tabellari? Non ne sono molto convinta.
L’utilizzo della table per le form al 90% (forse più) dei casi ha puramente scopo di impaginazione, non vuole nobilitarne l’utilizzo semantico.
Lasciamo che le tabelle contengano effettivi dati tabellari.# - postato da ilaria - 02 Novembre 2009 - 12:15
7
@5
ho capito ma le tabelle nei form vengono usate giusto perché non sanno come mettere la label accanto al campo di input…
è un po’ differente…e poi occhio alla confusione… perché dati tabellari vuol dire un’altra cosa: vuol dire ciò che ottieni inserendo informazioni attraverso un modulo… non il modulo stesso…
8
In alcuni casi io uso le tabelle per i form. In particolare quando ci sono label e tipi di dati molto differenti che risulterebbero difficilmente gestibili con i float per via di dimensioni molto differenti in larghezza ed altezza. La cosa con il solo uso dei css sarebbe possibile, ma utilizzando id specifici per i campi con proprietà necessariamente differenti. Però evito perché preferisco usare i css in modo semantico, ad esclusione che per il layout, dove gli id sono necessari praticamente sempre.
9
Utilizzo pure io le liste, ma utilizzo OL e non UL, suggerimento preso da questo libro
http://www.sitepoint.com/blogs.....-download/# - postato da Riccardo De Contardi - 02 Novembre 2009 - 12:43
10
Io utilizzo gli elementi dl, dt e dd per contenere label e input, li trovo molto comodi da gestire e danno anche una buona resa con i css disabilitati.
11
leggevo proprio oggi sul tema:
http://forabeautifulweb.com/bl.....ds_repost/anche se l’alternativa alle tabelle è data per scontata!
12
….
Niente di più e via di css
# - postato da simone - 03 Novembre 2009 - 10:29
13
ops…fieldset, label ed input…
# - postato da simone - 03 Novembre 2009 - 10:30
14
Form: croce e delizia dei webdesigner…
Personalmente non ho ancora trovato uno standard degno di tale nome.
L’uso degli “li” è una buona idea; spesso uso solamente label, input etc. gestendo l’incolonnamento con “display block”, “float”, “clear”, etc. riducendo al minimo il umero di tag usati… Purtroppo in questo modo non sempre riesco a fare tutto.
15
sono d’accordo sul fatto che l’uso delle tabelle non è del tutto appropriato, però se devi gestire delle form grandi, tipo pagine di questionario, con tipi di input molto differenti allora ti tocca creare delle strutture molto complesse e css molto complessi.
Allora io mi chiedo cosa è meglio ?
Semplificare la struttura e il css (pagine + leggere e + semplici da maneggiare anche nel futuro) o creare mostruosi html e css che magari lasci in gestione ad altri e ti toccano un punto e crolla tutto il layout ?
Io sto con la prima … (naturalmente parlo di form molto complesse)# - postato da maz - 04 Novembre 2009 - 09:48
16
sta a vedere che ora le tabelle sono più semplici dei css da lasciare in gestione ad altri!!
sveglia!!# - postato da tabellaro - 04 Novembre 2009 - 09:58
17
Probabilmente non è molto chiaro cosa siano i css se qua si pensa che le tabelle siano più facili da gestire…
# - postato da ilaria - 04 Novembre 2009 - 10:02