Esaminiamo ora in maggiore dettaglio la struttura di un form, rifacendoci all'esempio della lezione precedente:
<p>
<strong>Nome:</strong><br>
<input type="text" name="nome">
</p>
<p>
<strong>Mail:</strong><br>
<input type="text" name="mail">
</p>
<p>
<strong>Commento:</strong><br>
<input type="text" name="commento">
</p>
<p>
<input type="submit" value="Invia">
<input type="reset" value="Annulla">
</p>
</form>
Form è un elemento contenitore, all'interno del quale bisogna disporre pulsanti, caselle di testo, eccetera. Di per sé l'elemento form non produce nessuna visualizzazione sullo schermo. E' tuttavia possibile applicare uno stile al form in modo da renderlo "visibile", come nel seguente esempio:
All'interno del form possono stare vari elementi, come paragrafi, tabelle, immagini, oltre all'elemento input. Gli attributi principali del tag form sono:
- action: specifica quale azione dev'essere compiuta quando viene premuto il pulsante submit del form. Nell'esempio precedente, l'azione è inviare una mail contenente i dati del form all'indirizzo pinco.pallino@libero.it
- method: può assumere due valori, get oppure post; specifica il modo con cui i dati del form verranno inviati al server (torneremo in seguito anche su questo punto)
- name: questo è un attributo universale che può essere assegnato a qualsiasi elemento di una pagina html
(dunque non solo a un form). Serve a identificare univocamente il form (vedremo nella in seguito a cosa serve esattamente). Per adesso può anche essere omesso, senza che questo pregiudichi il funzionamento della pagina.
- enctype:specifica in quale modo devono essere codificati i dati contenuti nel form (text/plain significa che i dati devono essere interpretati come semplice testo).
Omettendo questo attributo, i valori dei campi potrebbero non essere trasmessi correttamente nel messaggio mail prodotto (per esempio il simbolo @ usato negli indirizzi mail, se non viene specificato enctype="text/plain", viene codificato con i caratteri %40).
Semplificando molto, per ora basti dire che se il form serve per raccogliere dati testuali, la specifica corretta è, come nel nostro caso, enctype="text/plain". Se invece il form viene usato per permettere all'utente di inviare un file al server remoto (upload), la specifica corretta è enctype="multipart/form-data".
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
