Web Form con elementi disattivati a volte può aiutare gli utenti invece di ostacolarli. Web Form sono costituiti da pulsanti, etichette e caselle di testo. Progettisti di siti utilizzano forme per ottenere dati dai visitatori del sito. Gli utenti si aspettano in genere controlli a lavorare su un sito Web. Tuttavia, ci possono essere momenti, come dopo che un utente invia un modulo, quando è necessario impedire all'utente di utilizzare nuovamente il modulo. Un modo efficace per disabilitare tutti gli elementi in un form è quello di utilizzare JavaScript.

Istruzioni

1

Avviare Blocco note. Aprire uno dei documenti HTML che contiene un modulo.

2

Individuare il tag "Form" del form. Sarà simile a quello riportato di seguito:

< formano metodo = "post" >

3

Aggiungere "ID = 'form1'" al form tag affinché la dichiarazione di modulo legge come segue:

< id modulo = "form1" >

Aggiungendo la proprietà "id" per il modulo, si rende possibile per una funzione JavaScript per identificare il modulo e gestirlo.

4

Aggiungere il seguente codice in qualsiasi posizione nelle sezioni "corpo" del documento:

< tipo input = "pulsante" value = "Disattivare elementi" onclick = "return disableElements()" / >

Questo crea un pulsante che è possibile utilizzare per testare la funzione JavaScript che disattiva i controlli del form.

5

Sezione "head" del documento, aggiungere il seguente codice JavaScript:

< script >

formID var = "form1";

Function disableElements() () {

var formObject = document.getElementById(formID);

per (var i = 0; i < form1.length; i + +) {

var currentElement = formObject.elements[i];

Se (true) {

currentElement.disabled = true;

}

}

}

La variabile formID contiene l'ID del form. Si noti che in questo esempio, il valore per formID è "form1." Questo corrisponde all'ID è impostare per il modulo. Questo codice JavaScript utilizza l'ID per ottenere un riferimento al form. Tale riferimento memorizza nella variabile denominata "formObject." Il codice quindi esamina ogni elemento del form. Se scopre un elemento che supporta la proprietà "disattivato", Disabilita quell'elemento.

6

Salvare il documento e aprirlo nel browser. Il form verrà visualizzato. Verificare che è possibile digitare testo nelle caselle di testo del form e fare clic sui relativi pulsanti.

7

Fare clic sul pulsante "Disattiva elementi". La funzione JavaScript viene eseguito e disattiva gli elementi del form.

Consigli & Avvertenze

• Si noti che in questo esempio il nome dell'ID impostato per la forma è "form1". È possibile utilizzare qualsiasi nome per ID. del form Se si modifica il nome in qualcos'altro, modificare anche il nome nella prima riga di JavaScript. Per esempio, se si chiama l'ID "myFormID", modificare il valore di formID da "form1" a "myFormID."