Form ottimizzate
Le
form sono generalmente una massa disorganizzata di testo e box di input.
Il tag <PRE>
e' l'unica via per prevenire disastri, fino a che non intervenga un
grafico abile nel design di tabelle. Usando un header della tabella
allineato a destra si creano le etichette per i campi di input, con un
data tag standard per i dati delle sezioni di input della form. I bottoni
di SUBMIT (Conferma) e CLEAR (Modifica), sono nella riga inferiore, che ha
due celle di dati. La prima e' vuota, e la seconda contiene i due bottoni
centrati. Form piu' avanzate possono essere usate con le tabelle, incluse
quelle che includono checkbox e gruppi.
<FORM
ACTION=POST>
<CENTER>
<TABLE>
<TR>
<TH
ALIGN=RIGHT>Name:
<TD><INPUT TYPE=TEXT
SIZE=30>
<TR>
<TH
ALIGN=RIGHT>Email:
<TD><INPUT TYPE=TEXT
SIZE=30>
<TR>
<TH
ALIGN=RIGHT>Phone:
<TD><INPUT TYPE=TEXT
SIZE=14>
<TR>
<TD>
<TD
ALIGN=CENTER><INPUT TYPE="SUBMIT"
VALUE="SUBMIT"> <INPUT
TYPE="RESET"
VALUE="CLEAR">
</TABLE>
</CENTER>
</FORM>
Naturalmente sara' inevitabile incontrare utenti che
cercheranno di visualizzare un layout a piu' colonne usando un browser
arcaico, che non supporta le tabelle. C'e' da segnalare che, comunque,
persino Lynx ha una versione piu' recente che le supporta.
Detto cio',
c'e' da interagire con questi utenti che possono non avere l'opportunita'
di upgradare il loro browser. Nessun problema: basta includere un tag
<BR> o tag
<P> alla fine
delle informazioni in ogni cella e usare gli heading e altri tag standard
dove siano applicabili. I browser che non supportano le tabelle renderanno
cosi' le informazioni in un formato leggibile. Non saranno visualizzate
comunque secondo le intenzioni di chi le ha codificate, ma almeno saranno
accessibili nei contenuti.
Il web e' stato concepito originariamente
per essere un meccanismo di visualizzazione indipendente dalla piattaforma
utilizzata. E comunque i contenuti sono sempre il fattore principale,
prima della loro visualizzazione.
|
