Corsi On-Line

Corso di apprendimento del linguaggio HTML


 

Descrizione comandi form


Di seguito viene mostrato passo passo che cosa produce il codice visto nel documento precedente.


Inizializzazione form

<FORM ACTION="http://lisa.dfc.unifi.it/cgi-bin/post-query" METHOD="POST">

 


Campi di testo (INPUT)

Campo di base per inserimento di testo: codice relativo: <INPUT TYPE="text" NAME="var_1" VALUE="">

Campo per inserimento di testo con valore di default;: codice relativo: <INPUT TYPE="text" NAME="var_2" VALUE="Questo è il testo di default">

Campo per inserimento di testo di 40 caratteri: codice relativo: <INPUT TYPE="text" NAME="var_3" SIZE=40 VALUE="">

Campo per inserimento di testo, massimo 5 caratteri: codice relativo: <INPUT TYPE="text" NAME="var_5" SIZE=5 MAXLENGTH=5 VALUE="">

Campo per inserimento di password (sono visualizzzati degli *): codice relativo: <INPUT TYPE="password" NAME="chiave" SIZE=8 MAXLENGTH=8 VALUE=""> 


Area di testo (TEXTAREA)

Una area di testo di 60 colonne x 3 linee scorribile:

Codice relativo: <TEXTAREA NAME="area_testo" COLS=60 ROWS=3>NOTA: Qui può essere inserito del testo di default. </TEXTAREA> 


Caselle (CHECKBOX)

Ecco qui due caselle:,di cui una selezionata di default:

Codice relativo: Ecco qui due caselle <INPUT TYPE="checkbox" NAME="Casella_1" VALUE="VERO">, di cui una selezionata di default: <INPUT TYPE="checkbox" NAME="Casella_2" VALUE="VERO" CHECKED> 


Caselle con selezione esclusiva (RADIO)

Si può selezionare una sola di queste caselle:

  1. Prima scelta.
  2. Seconda scelta (selezionata di default).
  3. Terza scelta.

Codice relativo: Si può selezionare una sola di queste caselle: <OL> <LI><INPUT TYPE="radio" NAME="radio_1" VALUE="valore_1"> Prima scelta. <LI><INPUT TYPE="radio" NAME="radio_1" VALUE="valore_2" CHECKED> Seconda scelta (selezionata di default). <LI><INPUT TYPE="radio" NAME="radio_1" VALUE="valore_3"> Terza scelta. </OL> 


Menu di opzioni (SELECT/OPTION)

Una sola opzione selezionabile (la terza opzione è selezionata di default):

Codice relativo: <SELECT NAME="primo_menu"> <OPTION>Prima opzione</OPTION> <OPTION>Seconda opzione</OPTION> <OPTION SELECTED>Terza opzione</OPTION> <OPTION>Quarta opzione</OPTION> <OPTION>Ultima opzione</OPTION> </SELECT>

Più opzioni selezionabili (la prima e terza delezionate per default):

Codice relativo: <SELECT NAME="secondo_menu" MULTIPLE> <OPTION SELECTED>Prima opzione</OPTION> <OPTION>Seconda opzione</OPTION> <OPTION SELECTED>Terza Opzione</OPTION> <OPTION>Quarta opzione</OPTION> <OPTION>Ultima opzione</OPTION> </SELECT>

NOTA: In ambiente MS-Windows, per selezioni mult;iple tenere premuto CTRL e fare click

Assegnazione Nascosta (codice)

<!-- Assegnazione nascosta per l'utente con il tipo HIDDEN--> <INPUT TYPE="hidden" NAME="nascosto" VALUE="invisibile"> <HR> 


Pulsanti speciali

Pulsante di invio dati (SUBMIT): codice relativo: <INPUT TYPE="submit" VALUE="Invio dati al server">

Pulsante di RESET (facoltativo): codice relativo: <INPUT TYPE="reset" VALUE="Cancella valori immessi"> 


Fine form

Dopo l'istruzione

</FORM> 

il documento HTML può proseguire normalmente.

 
Indietro Indice del corso