| ASP | PHP | Download | Flash | NEWS | Grafica | .NET | Basi Banner | PhpNuke | Forum | Top100 | Webring |

.:: Siti Partner ::.

I moduli

I tag che vengono usati per delineare un modulo in HTML sono <form></form>. Al loro interno vengono inseriti ulteriori tag che richiamano gli altri elementi del modulo:

<form action="mailto:webmaster@guidainlinea.com" method="get/post">
(in questo esempio il modulo invia i dati che andremo ad inserire all'indirizzo email contenuto nell'action; per il metodo d'invio, method, si consiglia di utilizzare 'post'. In questo modo i dati saranno inviati al server separatamente.)

<input type="hidden" name="nome1">
(tipo nascosto, utile per inviare informazioni ad uno script installato sul server che rielaborerà i dati)

<input type="text" size="30" maxlenght="50" name="nome2" value="valore_iniziale">
(visualizza una casella di testo all'interno della quale è possibile digitare dei dati)


<input type="checkbox" name="nome3" checked>
(visualizza una casella spuntata che può essere selezionata o deselezionata dall'utente. In questo esempio è selezionata poichè è presente l'attributo 'checked'. Naturalmente è possibile inserire del testo prima o dopo il tag che affiancherà la casella di testo)


<input type="password" name="nome4" size="15" maxlenght="50">
(visualizza una casella di testo particolare, dedicata all'inserimento delle password. Infatti, se proviamo ad inserire del testo al suo interno, questo sarà criptato)


<input type="radio" name="scelta" value="scelta1">
<input type="radio" name="scelta" value="scelta1" checked >
<input type="radio" name="scelta" value="scelta1">
(utile allorchè si debba selezionare una sola tra più opzioni di scelta. Infatti selezionandone una si deselezionano automaticamente le altre. Come si può notare, la casella centrale è già selezionata perchè è stato inserito l'attributo 'checked' all'interno del tag)




<input type="reset" value="reimposta">
(visualizza un pulsante che permette di resettare/azzerare il modulo, cancellando eventualmente tutti i dati precedentemente inseriti)


<input type="submit" value="invia">

(visualizza un pulsante che permette l'invio del modulo)

<input type="image" src="path_immagine">
(visualizza un'immagine al posto del pulsante di 'submit')


<select size="1" name="elenco">
<option value="seleziona" selected>seleziona
<option value="1">opzione1
<option value="2">opzione2
<option value="3">opzione3
</select>
(visualizza un elenco/menù a discesa, contenente valori precedentemente inseriti che possono essere selezionati)
seleziona opzione1 opzione2 opzione3

<textarea wrap="virtual" row="numero righe" cols="numero colonne">
testo da visualizzare nel textarea
</textarea>
(visualizza un'area dedicata all'inserimento di testo. L'attributo wrap="virtual" fa in modo che il testo torni a capo automaticamente una volta raggiunto il margine destro del textarea. Impostato invece su 'physical' consente al testo di procedere orizzontalmente, anche oltre il bordo del textarea. In questo secondo caso compariranno le barre di scrolling orizzontali)
testo da visualizzare nel textarea

</form>

Lezione successiva =>

Torna all'indice 

.:: Le sezioni ::.

.:: Script & File ::.

.:: FAQ ::.

.:: Tutorials ::.