I form

Il form, o modulo, costituisce uno spazio in cui l'utente può inviare dati o, a volte, anche files al proprietario del sito.
Il tag di apertura <form> e il tag di chiusura </form> delimitano il modulo, mentre la struttura è data dagli attributi:

  • action: invia i dati del modulo al programma che li elaborerà
  • method: specifica il metodo di invio dei dati. Le possibilità sono due post o get.
  • enctype
  • accept-charset
  • accept

Vedremo ora come si presenta il codice di un semplice modulo per inviare una e-mail all'aqmministratore di un sito:


<form method="post"
action= "mailto:pinkopallino@dominio.it " >

<p class = "miostile" >Il tuo nome: 
<input type = "text" name="name" size="20" >
</p>

<p class = "miostile">La tua e-mail: 
<input type="text" name="email" size="20" >
</p>

<p class = "miostile">Se vuoi aggiungere qualche commento, scrivi nel campo qui' sotto: </p>
<textarea name="commenti" rows="10" cols="40"></textarea>

<input type="submit" >
<input type="reset" >
</form>

Il modulo apparirà nella finestra del browser così:

Il tuo nome: 

La tua e-mail: 

Se vuoi aggiungere qualche commento, scrivi nel campo qui' sotto:


 

Analisi del codice

Tutta l'area del form è contenuta all'interno dei due marcatori:
<form>
</form>

1. Il "metodo"

<form method="post" ...

Il method di invio del modulo è post, ma avrebbe potuto essere anche get.
La differenza consiste nel fatto che usando post non è visibile l'indirizzo della query nella barra degli indirizzi del navigatore, mentre se si usa get la query appare

Inserisci esempi

2. action

Indica al navigatore in che modo sarà processato il modulo: in questo caso troviamo l'indirizzo di uno script esterno per gestire il form. Il codice dello script usato di tipo "cgi", sarà puù o meno di questo tipo:

Tuttavia, a volte, non è necessario usare script esterni, si può usare un codice del tipo:

action= action="mailto:mia_email@dominio.it"

per inviare i dati all'indirizzo di posta elettronica da noi desiderato.