Come creare, configurare e gestire i form con xhtml.
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 25 Feb 2017
aggiungi in preferiti  
Home    Mappa directory    Script




Form e xhtml:

I form sono per il webmaster il metodo più semplice e diretto per far comunicare il navigatore con il web.
XHTML gestisce i form secondo il tipo di DTD indicato. In pratica la validazione delle pagine Transitional e Frameset è diversa dalla validazione Strict.


Form in generale:

Tutti i parametri che possono essere espressi con i CSS devono essere inseriti dentro gli style esterni. NON è una regola imposta da XHTML, tuttavia il web si sta muovendo in tal senso, ed è immaginabile che in versioni future dei linguaggi diventi una regola da seguire.

I form in HTML sono composti da tag che NON hanno il relativo tag di chiusura, pertanto dobbiamo inserire uno spazio e la barra ( /) alla loro fine.

Esempio:
<form action="#" method="post">
<input type="hidden" name="abc" value="2" />
<input type="text" id="def" name="q" size="10" maxlength="50" />
<input type="submit" id="ghi" value="Vai" />
</form>
Tutti i tag devono essere scritti con lettere minuscole, anche i form non sfuggono a tale legge.


Validazione XHTML strict:

Per la validazione dei form in XHTML dobbiamo sapere quale tipo di DTD abbiamo scelto di seguire.
In questo caso analizziamo il DTD strict, perchè saremo sicuri di creare pagine idonee anche per gli altri DTD.

Fermo restando quello che abbiamo appena detto, se proviamo a far validare la pagina con un form ci apparirà un errore di questo genere:
document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag
La spiegazione è molto semplice, il linguaggio XHTML STRICT si aspetta che i tag che compongono il form siano inseriti dentro uno dei tag che leggiamo dentro il codice di errore.
In pratica il codice corretto per il form potrebbe essere il seguente:
<form action="#" method="post">
<div>
<input type="hidden" name="abc" value="2" />
<input type="text" id="def" name="q" size="10" maxlength="50" />
<input type="submit" id="ghi" value="Vai" />
</div>
</form>


Adesso raccogliamo in un elenco le regole da seguire per validare un form STRICT:
  • Scrivere tutti i tag con lettere minuscole.
  • Chiudere i tag che non hanno un tag di chiusura.
  • Chiudere tutti i valori degli attributi fra doppi apici.
  • Chiudere tutti gli attributi singoli (vedi questa pagina).
  • Eliminare l'attributo name="" e sostituirlo con id="" (vedi questa pagina) oppure questa).



Suggerimento:

Se per validare il form dovete inserire i tag dentro i tag <p> o altri tag che hanno l'effetto di inserire una tabulazione, ossia un a capo, inserite dentro i css che regolano tali tag il parametro:
display:inline;
Tale attributo elimina tutti gli a capo che l'inserimento di tali tag potrebbero generare.

Esempio:
<form action="#" method="post">
<p style="display:inline;">
<input type="hidden" name="abc" value="2" />
<input type="text" id="def" name="q" size="10" maxlength="50" />
<input type="submit" id="ghi" value="Vai" />
</p>
</form>