zromano 9 January 2001 17:05 IL TAG FORM

Q
uando viene lanciato un form, tutti i suoi campi vengono inviati.

I l tag <form> indica al browser l'inizio e la fine del form. Puoi aggiungere tutti i tipi di tag HTML tra i tag <form> e </form> .

Q uesto significa che un form può agevolmente includere una tavola o un'immagine insieme ai form field.

G uarda questo esempio:

<html>
<head>
<title>La mia pagina</title>
</head>

<body>
<!--
Qui va HTML -->
<form>
<!-- Qui vanno form field e HTML -->
</form>
<!-- Qui va HTML -->
</body>
</html>

N ota:
Diversamente da una table, i form non sono visibili sulla pagina.


I l form nel nostro esempio è inutile :
·        
Innanzitutto non contiene form field. E' paragonabile ad un semplice foglio di carta bianco.
·        
In secondo luogo, non contiene un ricevente per il form.
P er fare sì che il browser sappia dove inviare il contenuto, dobbiamo aggiungere questi attributi al tag <form> :
·        
action= address
·        
method= post oppure method= get

L ' address è l'url del programma cgi a cui il contenuto deve essere inviato.
I metodi
post e get sono semplicemente due metodi differenti di mandare dati al programma.


.
Q ui sotto puoi vedere un esempio di un tipico form tag, con azione e metodo specificati.
<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>


FORM FIELDS

Q uesti field possono essere aggiunti ai tuoi form:
·        
Text field
·        
Password field
·        
Hidden field
·        
Text area
·        
Check box
·        
Radio button
·        
Drop-down menu
·        
Submit button
·        
Reset button
·        
Image button


FIELD TESTO
I
field di testo (text fields) sono aree di una riga sola che permettono all'utente di inserire testo.

S e hai bisogno di più righe, devi usare un text area .




A TTRIBUTI:

E cco una lista di attributi validi per i text field:


Inizio modulo

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.


L 'opzione size definisce la larghezza del field. Da ciò deriva la quantità dei caratteri visibili che il field riesce a contenere.

L 'opzione maxlength definisce la lunghezza massima del field. Da ciò deriva la quantità di caratteri che possono entrare nel field.
Se non viene specificata una lunghezza massima ("maxlength"), il visitatore può facilmente inserire più caratteri di quanti se ne possano visualizzare nel campo.

L 'attributo name aggiunge un nome interno al field, così il programma che decifra il form può identificare i field.

L 'attributo value definisce cosa apparirà nel box come valore di default.

L 'attributo align definisce l'allineamento del field.
Entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM. Gli allineamenti sono spiegati nella sezione immagine. Puoi saperne di più sui diversi allineamenti cliccando qui .

L 'attributo tabindex stabilisce l'ordine in cui i diversi fields devono essere attivati quando il visitatore clicca sul tasto tab.
Inizio modulo
U N ESEMPIO:

G uarda questo esempio di HTML:
<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>


E cco il risultato:
Inizio modulo


Fine modulo

PASSWORD

I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.


I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.
I field di password ("parola d'ordine") sono simili a quelli di testo.

L a differenza è che ciò che viene inserito in un field di password viene mostrato sotto forma di puntini sullo schermo. Questo serve, naturalmente, a evitare che altri possano leggere la password sullo schermo.



A TTRIBUTI:

Q ui sotto ecco una lista di attributi validi per i password field:


Inizio 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.


L 'opzione size definisce la larghezza del field. Stabilisce quanti caratteri visibili può contenere.

L 'opzione maxlength definisce la lunghezza massima del field. Da ciò deriva la quantità di caratteri che possono essere inseriti nel field.
Se non viene specificata una lunghezza massima ("maxlength"), il visitatore può facilmente inserire più caratteri di quanti ne vengano mostrati sullo schermo.

L 'opzione name aggiunge un nome interno al field, in modo che il programma che gestisce il form possa identificare i field.

L 'attributo value definisce cosa apparirà nella casella come valore di default.

L 'attributo align definisce l'allineamento del field.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM. Gli allineamenti sono spiegati nella sezione immagini. Se ti interessa questo argomento, clicca qui .

L 'attributo tabindex definisce in quale ordine i differenti field dovranno attivarsi quando il visitatore clicca sul tasto tab.
Inizio modulo
U N ESEMPIO:

G uarda questo esempio di HTML:
<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>


E cco il risultato:
Inizio modulo

Inserire Password :

Fine modulo

FIELD NASCOSTO
I
field nascosti ("hidden fields") sono simili a field di testo, con una differenza importantissima!

L a differenza è che il field nascosto non è mostrato sulla pagina. Di conseguenza il visitatore non può scriverci nulla sopra; lo scopo di questo tipo di field è dunque:

I ntrodurre informazioni non accessibili al visitatore.
Inizio modulo

HTML SPIEGAZIONE ESEMPIO
hidden
name=
value=
Hidden field
Nome del field.
Valore del field.


L 'attributo name aggiunge un nome interno al field, in modo che il programma che decifra il form possa identificare i fields.

L 'attributo value definisce cosa verrà mandato al momento dell'invio del form.


U N ESEMPIO:

G uarda questo esempio di HTML:
<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
E cco il risultato:
Inizio modulo


Fine modulo

I l field nascosto non si vede, ma quando il form viene inviato, il field nascosto viene mandato insieme ad esso.

I n questo esempio il field nascosto indica al programma che decifra il form, che sarebbe preferibile che la lingua adoperata dall'utente fosse l'italiano.


AREA DI TESTO

I text areas (aree di testo) sono field di testo che possono occupare diverse righe.

D iversamente dalla maggior parte dei form field, le aree di testo non sono definite con un tag <input> .

D evi invece inserire un tag <textarea> nel punto in cui vuoi iniziare un'area di testo, e chiudere con un tag </textarea> nel punto in cui vuoi che l'area finisca.

T utte le cose scritte tra questi tag saranno inserite nel box "text area".

A TTRIBUTI:

E cco una lista di attributi validi per le aree di testo:

Inizio 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.

Fine modulo


G li attributi cols e rows sono diretti e semplici. Specificano il numero di colonne e righe che si vogliono inserire nell'area di testo.

L 'attributo name aggiunge un nome interno al field, in modo che il programma che decifra il form sia in grado di identificare i field.

L 'attributo tabindex definisce l'ordine di attivazione dei diversi field nel momento in cui il visitatore cliccherà sul tasto tab.

L e opzioni wrap sono la parte più complicata delle aree di testo.
Se scegli di mettere il wrap in posizione
off il testo viene considerato come una lunga sequenza di testo senza gli "a capo".
Dando al wrap la qualità di
virtual il testo appare sulla pagina come se riconoscesse le interruzioni degli "a capo" - ma quando il form viene inviato, le interruzioni non vengono attivate.
Dando al wrap la qualità di
physical il testo viene mandato esattamente come appare sullo schermo, compresi gli "a capo".

U N ESEMPIO:

G uarda questo esempio HTML:
<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>


E cco il risultato:
Inizio modulo

Questo è fuori dall'area



E ora siamo di nuovo fuori dall'area
Fine modulo


CHECKBOX

L e caselle di scelta ("check boxes") si adoperano quando si vuole dare al visitatore la possibilità di selezionare una o più opzioni da una serie di alternative. Se si vuole permettere una sola opzione, bisogna allora usare i radio button .

A TTRIBUTI:

E cco una lista di attributi validi per i check box:


Inizio 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.


L 'attributo name aggiunge un nome interno al field, in modo che il programma che decifra il form sia in grado di identificare i field.

L 'attributo value definisce cosa sarà inviato al momento della selezione.

L 'attributo align definisce l'allineamento del field.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.

L 'attributo tabindex definisce l'ordine in cui i diversi field si attiveranno quando il visitatore cliccherà sul tasto tab.

Inizio modulo
U N ESEMPIO:

G uarda questo esempio HTML:
<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>

E d ecco il risultato:
Inizio modulo

Cartine
Sigarette
Gomme
Fine modulo



RADIO BUTTON
I radio buttons ("bottoni radio") vengono usati quando si vuole che il visitatore selezioni una - e soltanto una - opzione da una serie di alternative. Se si vogliono permettere più opzioni conteemporaneamente, bisogna invece usare check boxes .


A TTRIBUTI:

E cco una lista degli attributi validi per i bottoni radio:


Inizio 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.


L 'attributo name indica a quale gruppo di bottoni radio appartiene il field. Selezionando un bottone, tutti gli altri bottoni dello stesso gruppo non possono essere selezionati.
Se non si è in grado di definire a quale gruppo appartenga il bottone prescelto, si può soltanto avere un gruppo di bottoni radio su ogni pagina.

L 'attributo value definisce cosa verrà inviato al momento della scelta.

L 'attributo align definisce il tipo di allineamento del field.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.

L 'attributo tabindex definisca l'ordine in cui i diversi field verranno attivati nel momento in cui il visitatore cliccherà sul tasto tab.

Inizio modulo
U N ESEMPIO:

G uarda questo esempio HTML:
<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>


E cco il risultato:
Inizio modulo


Cartine
Tabacco
Maschera Antigas

Gelato
Birra
Vino
Fine modulo

COMBO
I drop-down menus ("menù a discesa") sono probabilmente gli oggetti più flessibili che puoi aggiungere ai tuoi form.

I l menù a discesa ha lo stesso scopo dei bottoni radio (una selezione soltanto) o dei "check boxes" (dove sono permesse selezioni multiple).

I l vantaggio del menù a discesa, se confrontato con i bottoni radio e i check box, è che occupa meno spazio.
Ma questo è allo stesso tempo uno svantaggio, perché non si possono vedere immediatamente tutte le opzioni.

C 'è un modo di aggirare il problema - con l'attributo "size", si può personalizzare il menù e rendere visibile più di un'opzione alla volta, ma facendo questo si perde il vantaggio di occupare meno spazio.

I nsomma, per ogni decisione presa, c'è il rovescio della medaglia...



A lcune volte è meglio mettere dei menù a discesa al posto di field di testo, perché selezionare da un menù è più facile che scrivere. Altre volte ciò è vivamente consigliabile, ad esempio quando il programma che decifra il form non è in grado di interpretare un testo qualsiasi in entrata.

P er esempio, capita spesso di dover scegliere il proprio stato da un menù a discesa. Questo perché scegliere da un menù è più facile che scrivere il nome dello stato.

N ello stesso modo, può capitare spesso che ti venga chiesto di digitare le 2 lettere iniziali del tuo stato, sempre da un menù a discesa.
Questo serve ad evitare confusione per il programma che decifra il form. Se, per esempio, il programma accettasse soltanto le maiuscole, il menù a discesa assicurerebbe la completa validità di tutte le entrate.



U n altro esempio tipico è quello di sostituire i link con menù a discesa.

A TTRIBUTI:

E coco una lista di attibuti validi per i menù a discesa:


Inizio 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.


I menù a discesa combinano <select> e <option> .
Entrambi i tag hanno un tag di apertura e chiusura.

U n tipico esempio potrebbe essere:
<select>
<option>Latte</option>
<option>Caffè</option>
<option>Tè</option>
</select>




I l tag <select> definisce il menù

L 'attributo name aggiunge un nome interno al field, in modo che il programma che decifra il form sia in grado di identificare i field.

L 'opzione size stabilisce quante voci sono visibili nello stesso momento. Default è una delle voci.

L 'attributo multiple , quando è presente, permette la scelta multipla.



I l tag <option> definisce le singole voci nel menù.

L 'attributo value definisce cosa verrà inviato se la voce viene selezionata. Questo non è sempre la stessa cosa che compare sul menù. Se il nostro field fossse definito in questo modo:
<option value="ID"> Idaho </option>

nel menù comparirebbe "Idaho", ma quando il form viene inviato, soltanto la forma abbreviata "ID" verrebbe effettivamente mandata.

P uoi stabilire che una voce venga selezionata come default, aggiungendo l'opzione: <option selected>



U N ESEMPIO:

G uarda questo esempio HTML:
<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>


E cco il risultato:
Inizio modulo


Fine modulo

BOTTONE DI INVIO

Q uando un visitatore clicca su un tasto d'invio, il form viene mandato all'indirizzo specificato nell'attributo action del tag <form> .

S iccome i visitatori non sempre sono dei perfezionisti, dovresti considerare l'ipotesi di aggiungere una convalida javascript del contenuto prima che questo venga effettivamente inviato.

A TTRIBUTI:

E cco una lista degli attributi validi per i bottoni di invio:


Inizio 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.


L 'attributo name aggiunge un nome interno al bottone, in modo che il programma che decifra il form non confonda il bottone con gli altri field.

L 'attributo value definisce cosa c'è scritto sul bottone.
L 'attributo align definisce l'allineamento del bottone.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.

L 'attributo tabindex definisce l'ordine in cui i differenti fields verranno attivati quando il visitatore cliccherà sul tasto tab.

U N ESEMPIO:

G uarda questo esempio HTML
<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>

Ecco il risultato::
Inizio modulo



BOTTONE RESET

Q uando un visitatore clicca su un bottone di reset, le entrate sono resettate ai valori di default.




A TTRIBUTI:

E cco una lista degli attributi validi per i bottoni di reset:


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.


L 'attributo name aggiunge un nome interno al bottone, in modo che il programma che decifra il form non confonda il bottone con gli altri fields.

L 'attributo value definisce cosa c'è scritto sul bottone.

L 'attributo align definisce l'allineamento del bottone.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.

L 'attributo tabindex definisce l'ordine in cui i differenti field verranno attivati quando il visitatore cliccherà sul tasto tab.



U N ESEMPIO:

G uarda questo esempio HTML:
<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>


E cco il risultato:
Inizio modulo



Fine modulo


BOTTONE IMMAGINE

I bottoni di immagine hanno lo stesso effetto dei bottoni di invio. Quando un visitatore clicca su un bottone di immagine il form viene mandato all'indirizzo specificato nell'attributo action del tag <form> .




A TTRIBUTI:

E cco una lista di attributi validi per i bottoni di immagine:


Inizio 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.


L 'attributo name aggiunge un nome interno al bottone, in modo che il programma che decifra il form non confonda il bottone con gli altri field.

L 'attributo src definisce l'URL dell'immagine.

L 'attributo align definisce l'allineamento dell'immagine.
Le entrate valide sono: TOP, MIDDLE, BOTTOM, RIGHT, LEFT, TEXTTOP, BASELINE, ABSMIDDLE, ABSBOTTOM.

L 'attributo border definisce lo spessore (in pixel) del bordo intorno all'immagine.

L 'attributo width definisce la larghezza dell'immagine.

L 'attributo height definisce l'altezza dell'immagine.

L 'attributo vspace definisce lo spazio sopra e sotto l'immagine.

L 'attributo hspace definisce lo spazio a destra e a sinistra dell'immagine (in pixel).

L 'attributo tabindex definisce l'ordine in cui i differenti field devono attivarsi quando il visitatore clicca sul tasto tab.



U N ESEMPIO:

G uarda questo esempio HTML:
<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>
E d ecco il risultato:
Inizio modulo







TABELLA RIASSUNTIVA

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.