Le caselle di controllo sono elementi del modulo in cui l'utente può selezionarle o deselezionarle. Sono spesso chiamati "flag" e vengono utilizzati come trigger che consente di ottenere una delle due risposte: "sì" o "no". Molto spesso, la questione del passaggio dei valori delle caselle di controllo sorge quando i programmatori alle prime armi creano moduli nei documenti ipertestuali. Di seguito è riportato il set minimo di tag necessari per risolvere questo problema, che dovrebbe essere inserito in tale documento.
Istruzioni
Passo 1
Posiziona il tag del modulo nel documento: i suoi attributi dovrebbero contenere informazioni su quale metodo e a quale indirizzo verranno inviati i dati di tutti gli elementi del modulo, comprese le caselle di controllo. Immettere l'indirizzo dello script del gestore dati nell'attributo action e il metodo di trasferimento dati nell'attributo method. Il valore dell'attributo action può essere lasciato vuoto se la pagina da cui vengono inviate le informazioni è essa stessa uno script del gestore. Sono consentiti due valori per il metodo di trasferimento dei dati: Get e Post. La scelta dipende da quale di queste opzioni è programmata per leggere i dati ricevuti nello script del gestore. Il tag del modulo completo con il set minimo di attributi richiesto potrebbe avere il seguente aspetto:
Passo 2
Immettere il numero richiesto di elementi di selezione (caselle di controllo) tra i tag di apertura e chiusura del modulo. Questo viene fatto utilizzando i tag di input, nell'attributo type di cui è scritto il valore della casella di controllo. Ciascuno di essi deve contenere almeno due attributi obbligatori: nome e valore. Presta attenzione all'attributo del nome: a differenza degli elementi di selezione raggruppati (radio), i valori del nome per ciascuna casella di controllo dovrebbero essere diversi. La parola inserita in questo attributo verrà utilizzata come nome della variabile passata dal form. Il valore dell'attributo value verrà assegnato alla variabile con questo nome. Un tale gruppo di tag in un modulo potrebbe assomigliare a questo:
Passaggio 3
Posiziona un pulsante davanti al tag di chiusura del modulo che, se cliccato, invierà il valore della casella di controllo selezionata dall'utente all'indirizzo specificato nel tag di apertura del modulo. Fai questo usando il tag input, inserendo il valore submit nell'attributo type. Oltre a questo attributo, puoi anche aggiungere valore inserendo del testo lì per visualizzarlo sul pulsante per l'invio dei dati. Il codice completo che invierà le informazioni della checkbox selezionata dal visitatore allo script del gestore può apparire, ad esempio, così:
