Hur man gör alla element i ett formulär funktionshindrade

June 4

Hur man gör alla element i ett formulär funktionshindrade


Webbformulär med funktionshindrade element kan ibland hjälpa användare i stället för hindra dem. Webbformulär består av knappar, etiketter och textrutor. Site designers använda formulär för att få information från besökarna. Användare i allmänhet förväntar kontroller för att arbeta på en webbplats. Det kan dock finnas tillfällen, såsom när en användare skickar ett formulär, när du behöver för att förhindra användare från att använda formuläret igen. Ett effektivt sätt att inaktivera alla element i ett formulär är att använda JavaScript.

Instruktioner

1 Starta Anteckningar. Öppna en av dina HTML-dokument som innehåller ett formulär.

2 Leta reda på formulärets "Form" tagg. Det kommer att likna den som visas nedan:

<Form method = "post">

3 Lägg "id =" Form1 "" till formuläret taggen så att formen förklaring har följande lydelse:

<Form id = "Formulär1">

Genom att lägga till "id" egendom till formuläret, du gör det möjligt för en JavaScript-funktion för att identifiera formen och hantera det.

4 Lägg till följande kod till valfri plats i dokumentets "kropp" delar:

<Input type = värde "knappen" = "Inaktivera Elements" onclick = "return disableElements ()" />

Detta skapar en knapp som du kan använda för att testa JavaScript-funktion som stänger av formulär kontroller.

5 Lägg till följande JavaScript-kod i dokumentet sektion "huvud":

<Script>

var formID = "formulär1";

funktions disableElements () {

var formObject = document.getElementById (formID);

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

var currentElement = formObject.elements [i];

om sant) {

currentElement.disabled = true;

}

}

}

Den formID variabel håller ID på formen. Observera att i detta exempel är värdet för formID "Form1." Detta matchar ID du anger för formuläret. Denna JavaScript-kod använder ID för att få en referens till formen. Det lagrar som referens i variabeln "formObject." Koden undersöks sedan varje element i formuläret. Om den upptäcker ett element som stöder "handikappade" egendom, inaktiverar det detta element.

6 Spara dokumentet och öppna den i webbläsaren. Formuläret visas. Kontrollera att du kan skriva in text i blankettens textrutor och klicka knappar.

7 Klicka på "Inaktivera Elements" -knappen. JavaScript-funktionen går och stänger av formulärets element.

Tips

  • Observera att namnet på ID du anger för formuläret är "Form1" i det här exemplet. Du kan använda valfritt namn för formuläret ID. Om du ändrar namn till något annat, ändra namnet på den första raden i JavaScript också. Till exempel, om du ringer ID "myFormID" ändra värdet på formID från "Form1" till "myFormID."

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com