September 17
Una casella di controllo è uno dei diversi tipi di controlli con cui i visitatori di una pagina Web possono inviare informazioni a un server. sviluppatori di pagine Web utilizzano Javascript, un linguaggio di programmazione che viene eseguito nei browser, per disattivare o attivare i controlli per impedire l'entrata degli utenti. Impedendo a un utente di porre un controllo in una casella di controllo, gli sviluppatori possono evitare che la pagina web di inviare informazioni irrilevanti al server per l'elaborazione. Ad esempio, un utente che indica che lei non ha i cani possono essere motivo di disattivare una casella di controllo con una etichetta che recita: "Sì, per favore inviare messaggi di posta elettronica da fornitori di cibo per cani."
1 Creare un nuovo documento in qualsiasi word processor (ad esempio Wordpad) e incollare la pagina Web di base in esso:
<Html>
<Head>
<Title> Informazioni Matrimonio Modulo </ title>
</ Head>
<Body>
</ Body>
</ Html>
Si aggiungerà un modulo con una casella di controllo a questa pagina di esempio, e disattivare la casella di controllo.
2 Digitare i seguenti codici HTML dopo che il documento "<body>" tag:
<Form action = "http://www.MySite.com/formProcessingScript.php">
<INPUT TYPE = CHECKBOX NAME = "mstatus" onclick = "updateSubscribeBox (this.form)"> Si, sono sposato. <P>
<br>
<Input name TYPE = CHECKBOX = "subscribe"> mi Iscriviti alla newsletter "civile Bliss". <P>
<P> <INPUT TYPE = Invia VALORE = "submit">
</ Form>
Questi codici HTML crea un modulo con due caselle di controllo, il secondo dei quali si verrà disattivato in base allo stato controllato / incontrollato della prima casella di controllo. Il tag "<form>" si visualizza nulla visibile sulla pagina, ma fornisce il codice JavaScript con un mezzo per manipolare facilmente le caselle di controllo. I "<input>" tag visualizzano le caselle di controllo e specificare, attraverso l'attributo "onClick", la funzione JavaScript che verrà eseguito quando la casella di controllo prima sia selezionata.
3 Digitare il seguente codice JavaScript dopo il tag "<head>" nel documento:
<Script type = "text / javascript">
<! -
Funzione updateSubscribeBox (form)
{
if (userForm.mstatus.checked)
{
// Abilitare l'CBOX iscriversi
userForm.subscribe.disabled = false;
userForm.subscribe.checked = true;
ritorno;
}
// Disattivare l'CBOX iscriversi
userForm.subscribe.checked = false;
userForm.subscribe.disabled = true;
}
// ->
</ SCRIPT>
Il "se" clausola di verifica dello stato la casella del primo controllo (vale a dire "Si, sono sposato"). Se la proprietà "controllato" è vero, il programma sia attiva e controlla la casella di controllo secondo ( "Iscrivimi alla" civile Bliss "newsletter.") Se la prima casella di controllo non è selezionata, il flusso del programma cade sul fondo due linee JavaScript, che deselezionate e disattivare la casella di controllo di sottoscrizione.
4 Salvare il documento con qualsiasi nome di file che termina con ".htm", e con un tipo di file "Testo normale", che è il tipo di pagine web di contenuto sono realizzati con.
5 Aprire Esplora risorse, accedere al documento salvato nel passaggio precedente, e fare doppio clic sul documento per aprirlo in un browser. Controllare e deselezionare la casella di controllo "Sì, mi sono sposato" per testarlo. Il vostro programma JavaScript verrà attivare e disattivare la casella di controllo di sottoscrizione, sulla base di azione.