 |
13. Form
I form (schede) consentono di rendere un documento HTML interattivo in quanto consentono l'immissione di dati da parte dell'utente.
Il form consiste in un'aera dello schermo con dei campi predisposti per l'immissione di dati che devono essere inviati al server che li
interpreterà e fornirà il risultato richiesto.
|
FORM METHOD=GET ACTION="cgi-script">
Inserire la stringa da ricercare
<INPUT TYPE="text" NAME="nome" SIZE=20>
</FORM>
|
|
L'esempio soprea descritto presuppone che vi sia un script che interpreti quanto digitato dall'utente.
Il comando utilizzato per la gestione deli moduli (form) è:
<FORM></FORM>
i suoi attributi sono:
- METHOD="metodo"
il metrodo con cui si predispone un form può essere:
- "POST"
invia le informazioni inserite nel form alla URL specificata da ACTION. Alla URL
deve corrispondere uno script cgi che interpreterà quanto inviato per sottoporlo al destinatario in forma appropriata. Ad esempio, si possono inserire i
dati anagrafici per ripresentarli in una pagina che consente all'utente di verificare i dati inseriti.
- "GET"
invece, accoda i dati alla URL indicata che, a questo punto, li tratterà come
parametri del comando in riferimento
- ACTION="url"
specifica l'URL al quale devono essere inviati i campi della form secondo il metodo specificato.
Tutti i comandi relativi alla composizione del Form devono essere inseriti all'interno del tag <FORM></FORM>.
Vediamo alcuni comandi:
- <INPUT>
Definisce l'inserimento dei dati che possono essere presentati all'utente sotto varie
forme. Nel parametro NAME= sarà specificato il nome della variabile a cui sarà assegnato il valora digitato. Vediamo l'elenco completo dei parametri:
- NAME="nome"
definisce il nome della variabile in cui memorizzare il valore od il testo inserito;
- SIZE="numero"
Definisce di quanti caratteri è composto il campo;
- MAXLENGTH="numero"
Definisce quanti caratteri, al massimo, può accettare il form;
- VALUE="valore"
Definisce il valore della variabile definita con NAME all'atto della prima
visualizzazione del campo. E' utile per specificare un valore del campo di default che l'utente potrà modificare.
- CHECKED
vale solo per il campo di tipo BOTTON e lo imposta per attivato per default;
- TYPE="tipo"
Definisce il tipo di campo da inserire nel form. Ogni campo di input può essere dei seguenti tipi:
- TEXT
Visualizza un campo di testo.
- PASSWORD
Visualizza un campo di testo, ma all'atto della digitazione non saranno
visualizzati i caratteri inseriti. Utilizzato normalmente per inserire delle password che non devono essere viste da occhi indiscreti;
- CHECKBOX
Mostra un bottone che può essere selezionato o deselezionato. Se è
selezionato, la variabile indicata in NAME= assumerà il valore indicato in VALUE=
- RADIO
Visualizza i cosiddetti Radio-buttons, cioè, inserendo più di un RADIO
aventi lo stesso NAME= all'interno di un form, si potrà scegliere solamente una delle opzionio presentate. In questo caso, la variabile
assumerà il valore corrispondente al RADIO button selezionato dall'utente;
- RESET
Visualizza un pulsante standard che, selezionato, azzera al default tutti i dati inseriti fino a quel momento.
- SUBMIT
Visualizza un pulsante standard che, se selezionato, invia i dti inseriti alla
URL definita secondo il metodo prescelto;
- HIDDEN
Crea un campo nascosto, cioè non visualizzato nel documento HTML.
- <TEXTAREA></TEXTAREA>
Consente di inserire, nell'area designata, del testo libero. Qualora i dati inseriti
superino la larghezza consentita, sarà attivata la barra di scorrimento laterale per consentire di visualizzare l'intero testo inserito. Qualora si inserisca del testo
all'interno del comando <TEXTAREA></TEXTAREA>, tale testo sarà visualizzato come default. I parametri sono:
- NAME
Definisce la variabile in cui sarà memorizzato il testo inserito
- ROWS
Definisce l'altezza in righe dell'area.
- COLS
Definisce la larghezza in colonne dell'area.
- SELECT
Consente di visualizzare una lista di scelte in un menù a tendina o una lista scorrevole. I paramteri sono:
- NAME="nome"
Definisce la variabile in cui sarà memorizzata la scelta.
- SIZE
Definisce quante scelte devono essere mostrate. Se viene omesso allora si
utilizza un pop-up menù. Se è settato a 2 o più, allora si utilizza una lista scorrevole. Se il numero di voci è inferiore a quanto qui specificato vengono
introdotti automaticamente dei campi "Nothing".
- MULTIPLE: Permette di selezionare scelte multiple. Viene utilizzata comunque
una lista scorrevole senza tener conto del valore di SIZE.
- Voci: Le voci tra cui è possibile scegliere compaiono tra <SELECT> e </SELECT> utilizzando il comando <OPTION> che ha i seguenti parametri:
- VALUE: Il valore che sarà assegnato alla selezione. Quanto qui specificato
è ciò che vaerrà trasmesso al server, senza tener conto dell'eventuale testo al di fuori del comando OPTION.
- SELECTED: Indica la scelta che deve essere selezionata per default.
Questi sono solo alcuni esempi di applicazione delle FORM. Possono essere agevolmente
usate per implementare sistemi di sicurezza tramite password, per creare dei questionari, e tante altre applicazioni.
Potete provare a creare delle vostre schede personali, modificando quelle qui presentate o creandone di nuove. Girando per il WWW è molto facile incorrere in una delle applicazioni di questo comando.
    |
|
