How to Disable tekstvakken

Het HTML-element "Input" is een van de belangrijkste entiteiten in webontwikkeling. Zonder de input-element, zouden webpagina's hebben geen knoppen, selectievakjes, keuzerondjes of tekstvakken. Webontwikkelaars vertrouwen op formulieren om vast te leggen van de input van de gebruiker. Formulieren bestaan uit tekstvakken. Elk tekstvak heeft een "handicap" eigenschap. Stel deze in op "false" waarmee gebruikers gegevens moet invoeren in tekstvakken. Instellen op "true" om de tekstvakken alleen-lezen. Wanneer uw webtoepassing uitschakelen van tekstvakken moet, JavaScript gebruiken om te vergrendelen die elementen.

Instructies

1

Start Kladblok of uw HTML-editor.

2

Open één van uw HTML-bestanden met tekstvakken.

3

De volgende JavaScript-code toevoegen aan het bestand "hoofd" sectie:

< script language = "javascript" type = "text/javascript" >

functie DisableTextBoxes() {}

var ingangen = document.getElementsByTagName("input");

voor (var ik = 0; ik < inputs.length; i ++)

{

var input = ingangen [i];

Als (input.type == "tekst")

input.disabled = true;

}

}

< / script >

Deze code worden alle "input" elementen op de pagina opgehaald en worden deze opgeslagen in de variabele met de naam "ingangen." De code dan elementen doorlopen en stelt de 'uitgeschakeld' eigenschappen van alle tekstvakken op "true".

4

Voeg deze HTML-code overal in van het bestand "lichaam" sectie:

< input id = "DisableTextBoxes" type = "button" value = "Tekstvakken uitschakelen" onclick = "terug DisableTextBoxes()" / >

Hiermee maakt u een knop waarmee u de JavaScript-code te testen. Als u op de knop klikt, wordt de JavaScript-code wordt uitgevoerd.

5

Sla het bestand op en open het in uw browser. Typ tekst in de tekstvakken.

6

Klik op de knop "Tekstvakken uitschakelen". Poging om tekst te typen in de tekstvakken. Je kan dat niet omdat de JavaScript-functie uitgeschakeld hen.

Tips & waarschuwingen

  • Wijzigen zodat de tekstvakken, de "DisableTextBoxes" JavaScript-functie. Vervang "input.disabled = true;" met "input.disabled = false;".