<html> <head> <title>La mia pagina</title> </head> <body> <!-- Qui va HTML --> <form method="post" action="http://www.ecn.org/cgi-bin/formmail.cgi"> <!-- Qui vanno form field e HTML --> </form> <!-- Qui va HTML --> </body> </html> |
HTML | SPIEGAZIONE | ESEMPIO | |
text size= maxlength= name= value= align= tabindex= |
Text field di una riga Caratteri mostrati. Numero massimo di caratteri. Nome del field. Valore iniziale nel field Allineamento del field. Tab order del field. |
|
<html> <head> <title>La mia pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <br><br> <input type="text" size="25" value="Scrivi qui il tuo nome!"> <br><br> </div> </form> </body> </html> |
Inizio modulo Fine modulo | |
HTML | SPIEGAZIONE | ESEMPIO | |
password size= maxlength= name= value= align= tabindex= |
Password field di una riga Caratteri visibili. Numero massimo di caratteri. Nome del field. Valore iniziale nel field. Allineamento del field. Tab order del field. |
|
<html> <head> <title>La mia pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> Inserire Password : <input type="password" size="25"> <br><br> </div> </form> </body> </html> |
Inizio modulo Inserire Password : Fine modulo | |
HTML | SPIEGAZIONE | ESEMPIO | |
hidden name= value= |
Hidden field
Nome del field. Valore del field. |
<html> <head> <title>La mia pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <input type="text" size="25" value="Scrivi qui il tuo nome!"> <input type="hidden" name="Language" value="Italian"> <br><br> </div> </form> </body> </html> |
Inizio modulo Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
textarea rows= cols= name= tabindex= wrap= off virtual physical |
Area di testo - alcune righe Righe nel field. Colonne nel field. Nome del field. Ordine tab del field. Ignora gli "a capo" Mostra gli "a capo", ma manda il testo come viene inserito. Inserisce gli " a capo" quando è necessario e li trasmette. |
|
<html> <head> <title>La mia Pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> Questo è fuori dall'area<br><br> <textarea cols="40" rows="5" name="myname"> Ora siamo dentro l'area - che bello!. </textarea> <br><br> E ora siamo di nuovo fuori dall'area. </div> </form> </body> </html> |
Inizio modulo Questo è fuori dall'area E ora siamo di nuovo fuori dall'area Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO Scegli una o più opzioni | |
checkbox name= value= align= tabindex= checked |
Scegli una o più opzioni Nome del field. Valore inviato se selezionato. Allineamento del field. Ordine tab del field. Selezione default per questo field. |
|
<html> <head> <title>La mia Pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"><br> <input type="checkbox" name="option1" value="cartine"> Cartine<br> <input type="checkbox" name="option2" value="sigarette" checked> Sigarette<br> <input type="checkbox" name="option3" value="gomme"> Gomme<br> <br> </div> </form> </body> </html> |
Inizio modulo Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
radio name= value= align= tabindex= checked |
Scegli una - e soltanto una - opzione Nome del gruppo. Valore inviato se prescelto. Allineamento del field. Ordine tab del field. Controllo default del field. |
|
<html> <head> <title>La Mia Pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"><br> <input type="radio" name="group1" value="Cartine"> Cartine <br> <input type="radio" name="group1" value="Tabacco" checked> Tabacco <br> <input type="radio" name="group1" value="Maschera Antigas"> Maschera Antigas <hr> <input type="radio" name="group2" value="Gelato"> Gelato <br> <input type="radio" name="group2" value="Birra"> Birra<br> <input type="radio" name="group2" value="Vino" checked> Vino <br> </div> </form> </body> </html> |
Inizio modulo Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
select name= size= multiple= option selected value= |
Menù a discesa Nome del field. Voci visibili nella lista. Permette scelte multiple se specificato. Voci individuali nel menù. Seleziona la voce per default. Valore da inviare se selezionato. |
|
<select> <option>Latte</option> <option>Caffè</option> <option>Tè</option> </select> |
<option value="ID"> Idaho </option> |
<html> <head> <title>La Mia Pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <select name="mydropdown"> <option value="Latte">Latte Fresco</option> <option value="Formaggio">Formaggio Stagionato</option> <option value="Pane">Pane Caldo</option> </select> </div> </form> </body> </html> |
Inizio modulo Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
submit name= value= align= tabindex= |
Bottone di invio Nome del bottone. Testo scritto sul bottone. Alineamento del bottone. Ordine tab del bottone. |
<html> <head> <title>La Mia Pagina</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <br><br> <input type="text" size="25" value="Inserisci qui il tuo nome!"> <br> <input type="submit" value="Mandami il tuo nome!"> <br> </div> </form> </body> </html> |
Inizio modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
reset name= value= align= tabindex= |
Bottone reset Nome del bottone. Testo scritto sul bottone. Allineamento del bottone. Ordine tab del bottone. |
<html> <head> <title>My Page</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <br><br> <input type="text" size="25" value="Scrivi qui il tuo nome!"> <br><input type="submit" value="Mandami il tuo nome!"> <input type="reset" value="Reset!"> <br> </div> </form> </body> </html> |
Inizio modulo Fine modulo |
HTML | SPIEGAZIONE | ESEMPIO | |
image name= src= align= border= width= height= vspace= hspace= tabindex= |
Bottone di invio Nome dell'immagine. Url dell'immagine. Allineamento dell'immagine. Spessore del bordo intorno all'immagine. Larghezza dell'immagine. Altezza dell'immagine. Spazio sopra e sotto l'immagine. Spazio a destra e sinistra dell'immagine. Ordine tab dell'immagine. |
|
<html> <head> <title>My Page</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <br><br> <input type="text" size="25" value="Scrivi qui il tuo nome!"> <br> <input type="image" src="go.gif" name="image" width="60" height="60"> <br> </div> </form> </body> </html> |
Inizio modulo | |
HTML | SPIEGAZIONE | ESEMPIO | |
textarea rows= cols= name= wrap= off virtual physical |
Text area - diverse righe Righe nel field. Colonne nel field. Nome del field. Controllo fine riga. Ignora gli "a capo". Inserisce gli "a capo", ma invia il testo come è stato inserito. Inserisce gli "a capo" quando è necessario e li invia. |
| |
text size= maxlength= name= value= |
Text field di una riga Caratteri mostrati. Max caratteri permessi. Nome del field. Valore iniziale nel field. |
| |
password size= maxlength= name= value= |
Password field. Caratteri mostrati. Caratteri autorizzati a entrare. Nome del field. Valore iniziale nel field. |
| |
checkbox name= value= |
Scegli una o più opzioni Nome del field. Valore iniziale nel field. |
| |
radio name= value= |
Scegli una sola opzione Nome del field. Valore iniziale nel field. |
| |
select name= size= multiple= option selected value= |
Menù a discesa Nome del field. Numero di voci nella lista. Se sì, permette scelte multiple. Voci individuali nel menù. Creare una voce default. Valore da inviare se selezionato.. |
| |
hidden name= value= |
Non mostra il form. Nome del field. Valore da inviare. | ||
reset name= value= |
Bottone per resettare tutti i field. Nome del bottone. Testo mostrato sul bottone. |
| |
submit name= value= |
Bottone per inviare il form Nome del bottone. Testo mostrato sul bottone. |
| |
image name= |
Immagine funzionante come bottone Nome dell'immagine. |
|