Articoli / Php
Passare i valori dalle form a PHP con POST o GET
Author: Tafaz
Visits: 4067
Date: 04.11.2005
> Select
Singole
Le select, anche dette "tendine", sono dei campi che non danno la possibilità all'utente di inserire del testo, bensì permettono di scegliere un'opzione da una lista predefinita. Per creare una select il codice da scrivere è un po più articolato perchè dovremmo avere un tag che apre la dichiarazione della select, n tag contenenti le opzioni selezionabili e un tag che chiude la dichiarazione della select.
codice:
risultato:
prima opzione seconda opzione opzione selezionata
Anche per le select l'attributo name assegna un nome del campo che ci permetterà di identificarlo univocamente all'interno del nostro documento HTML, mentre il valore che assumerà questo campo sarà dipendente dall'attributo value della option che l'utente selezionerà. L'opzione con valore 100 verrà selezionata automaticamente al caricamento della pagina come opzione di default perchè all'interno del tag option torviamo l'attributo selected.
Multiple
Le select multiple come codice sono identiche alle select singole a meno della specifica multiple nel tag select e l'attributo name che deve avere una parentesi quadra aperta e una chiusa alla fine ne capiremo poi il motivo.
Queste select a differenza delle select singole ci permettono di selezionare più opzioni contemporaneamente.
codice:
risultato:
prima opzione seconda opzione opzione selezionata
> Radio
I Radio sono un'altro tipo particolare di campo che funziona in modo simile alle Select solo che tutte le opzioni sono visibili e selezionabili tramite un pallino detto "radio".
Un'eccezione dei radio è che per poter selzionare solo un'opzione alla volta di un gruppo di radio questi dovranno avere lo stesso nome. Il codice è abbastanza semplice:
codice:
risultato:
Opzione 1
Opzione 2
Opzione 3
> Checkbox
Simili ai radiobutton i checkbox sono anch'essi una lista di opzioni, questi però a differenza dei radio permettono all'utente selezioni multiple e sono indipendenti tra loro. Come tutti i campi di input anch'essi hanno l'attributo name che li identifica.
Codice:
Risultato:
Opzione 1
Opzione 2
Opzione 3
Dopo questa carrellata rapida sui campi di inserimento dati diamo uno sgurado anche alle form che non sono altro che dei "moduli" di inserimento dati dentro ai quali dobbiamo mettere i nostri campi.
Anche le form, come tutti i campi, vengono identificate tramite l'attributo name, mentre a differenza degli altri hanno l'attributo action che specifica la destinazione dove verranno inviati i dati quando la form verrà inviata, e method, che è il metodo con cui verranno inviati i dati alla pagina specificata nell'azione della form, questa proprietà può assumere due valori GET o POST (si proprio loro), dipendentemente dal metodo di invio dei dati questi saranno in chiaro sull'URL se usiamo il metodo GET e nascosti se usiamo il metodo POST.
A questo punto vediamo un pò di codice per creare una form di immissione dati per un login.
Login
Password
Risultato:
Login
Password
Come si può notare ho aggiunto un pulsante che serve ad inviare i dati contenuti nella form, questo pulsante è un'altro tipo di campo e si chiama submit. La sua struttura è molto semplice infatti basta specificargli type ed il gioco è fatto, ovviamente è un pulsante strettamente legato alla form che lo contiene, infatti se mettiamo un submit all'esterno di una form questo non farà assolutamente niente in quanto non sa che form dovrà processare. Un'altro tipo di pulsante è il button che a differenza del submit non è legato a niente e quindi necessita di un'azione da eseguire che dovremo specificare noi. Come al solito è più semplice vedere un'esempio e poi spiegarlo:
risultato:
Come si può vedere anche i button non sono poi così difficili, la proprietà value corrisponde al testo che verrà visualizzato sul pulsante, mentre onclick definisce l'azione (javascript).
Author: Tafaz
Visits: 4067
Date: 04.11.2005
> Select
Singole
Le select, anche dette "tendine", sono dei campi che non danno la possibilità all'utente di inserire del testo, bensì permettono di scegliere un'opzione da una lista predefinita. Per creare una select il codice da scrivere è un po più articolato perchè dovremmo avere un tag che apre la dichiarazione della select, n tag contenenti le opzioni selezionabili e un tag che chiude la dichiarazione della select.
codice:
prima opzione seconda opzione opzione selezionata
risultato:
prima opzione seconda opzione opzione selezionata
Anche per le select l'attributo name assegna un nome del campo che ci permetterà di identificarlo univocamente all'interno del nostro documento HTML, mentre il valore che assumerà questo campo sarà dipendente dall'attributo value della option che l'utente selezionerà. L'opzione con valore 100 verrà selezionata automaticamente al caricamento della pagina come opzione di default perchè all'interno del tag option torviamo l'attributo selected.
Multiple
Le select multiple come codice sono identiche alle select singole a meno della specifica multiple nel tag select e l'attributo name che deve avere una parentesi quadra aperta e una chiusa alla fine ne capiremo poi il motivo.
Queste select a differenza delle select singole ci permettono di selezionare più opzioni contemporaneamente.
codice:
prima opzione seconda opzione opzione selezionata
risultato:
prima opzione seconda opzione opzione selezionata
> Radio
I Radio sono un'altro tipo particolare di campo che funziona in modo simile alle Select solo che tutte le opzioni sono visibili e selezionabili tramite un pallino detto "radio".
Un'eccezione dei radio è che per poter selzionare solo un'opzione alla volta di un gruppo di radio questi dovranno avere lo stesso nome. Il codice è abbastanza semplice:
codice:
Opzione 1
Opzione 2
Opzione 3
Opzione 2
Opzione 3
risultato:
Opzione 1
Opzione 2
Opzione 3
> Checkbox
Simili ai radiobutton i checkbox sono anch'essi una lista di opzioni, questi però a differenza dei radio permettono all'utente selezioni multiple e sono indipendenti tra loro. Come tutti i campi di input anch'essi hanno l'attributo name che li identifica.
Codice:
Opzione 1
Opzione 2
Opzione 3
Opzione 2
Opzione 3
Risultato:
Opzione 1
Opzione 2
Opzione 3
Dopo questa carrellata rapida sui campi di inserimento dati diamo uno sgurado anche alle form che non sono altro che dei "moduli" di inserimento dati dentro ai quali dobbiamo mettere i nostri campi.
Anche le form, come tutti i campi, vengono identificate tramite l'attributo name, mentre a differenza degli altri hanno l'attributo action che specifica la destinazione dove verranno inviati i dati quando la form verrà inviata, e method, che è il metodo con cui verranno inviati i dati alla pagina specificata nell'azione della form, questa proprietà può assumere due valori GET o POST (si proprio loro), dipendentemente dal metodo di invio dei dati questi saranno in chiaro sull'URL se usiamo il metodo GET e nascosti se usiamo il metodo POST.
A questo punto vediamo un pò di codice per creare una form di immissione dati per un login.
Login
Password
Risultato:
Login
Password
Come si può notare ho aggiunto un pulsante che serve ad inviare i dati contenuti nella form, questo pulsante è un'altro tipo di campo e si chiama submit. La sua struttura è molto semplice infatti basta specificargli type ed il gioco è fatto, ovviamente è un pulsante strettamente legato alla form che lo contiene, infatti se mettiamo un submit all'esterno di una form questo non farà assolutamente niente in quanto non sa che form dovrà processare. Un'altro tipo di pulsante è il button che a differenza del submit non è legato a niente e quindi necessita di un'azione da eseguire che dovremo specificare noi. Come al solito è più semplice vedere un'esempio e poi spiegarlo:
risultato:
Come si può vedere anche i button non sono poi così difficili, la proprietà value corrisponde al testo che verrà visualizzato sul pulsante, mentre onclick definisce l'azione (javascript).
Se vuoi discutere con noi su questo articolo o comunque vuoi porci delle domande usa il nostro Forum
