Sei in: Home : Competenze : Applicazioni Web : HTML, XHTML e DTD : FORM HTML

FORM HTML

Intestazione di un form

Nell'intestazione di un form troviamo name che è il nome per referenziare il form, method che può essere GET se vogliamo che i paramteri siano visibili nella chiamata alla url della pagina di destinazione o POST se vogliamo che essi compaiano solo nell'intestazione della chiamata HTTP, e quindi non concatenati allaURL, action che è la pagina che riceverà i paramenti ed in fine enctype che se vogliamo inviare dei file con il campo upload deve essere "multipart/form-data" altrimenti può essere omesso e viene assunto di default com euguale a "application/x-www-form-urlencoded".

Esempio di un form con tutti gli elementi possibili:

<form name="nomeForm" method="get" action="fileDestinazione.html" >

  <fieldset><legend>titolo</legend> 

  <label><input type="text" name="nomeCampo">etichettaCampo</label> 

  <label><input type="password" name="nomeCampo">etichettaCampoPassword</label> 

  <label><textarea id="casellaTesto" name="casellaTesto" rows="5" cols="5"></textarea>etichettaCampo</label> 

  <label><input type="file" name="nomeCampoFile">etichettaCampoFile</label>

  <input type="hidden" name="id">

  <select name="nomeTendina">
    <option value="valore1">etichettaValore1</option>
    <option value="valore2">etichettaValore2</option>
    <option value="valore3">etichettaValore3</option>
  </select>

  <label><input type="radio" name="nomeScelta" value="valore1" checked>nomeScelta1</label>
  <label><input type="radio" name="nomeScelta" value="valore2">nomeScelta2</label>
  <label><input type="radio" name="nomeScelta" value="valore3">nomeScelta3</label>

  <label><input type="checkbox" name="nomeCheck" value="valoreCheck" checked>nomeCheck</label> 

  <input type ="reset" name="nomeTastoReset" value="Ripristina"> 

  <input type ="submit" name="nomeTastoInvia" value="Invia"> 

  <input type ="button" name="nomeTastoFunzione" value="LanciaFunzione" onclick="funzione()">

</fieldset>

</form>