Gewusst wie: Deaktivieren Sie ein Textfeld mit JavaScript

Document Object Model (DOM) ist ein Standard entwickelt, um die Übertragbarkeit von JavaScript und Java unterstützen, Programmierung, so dass sie eine konsistente allen Browsern funktionieren. Grundsätzlich das DOM beschreibt Objekte, die in einem bestimmten Dokument und stellt eine Methode zur Bearbeitung von ihnen. Das DOM beschreibt zwei Formularelementen für Texteingabe: < Eingang Typ = "Text" >, welches ist ein Textfeld und < Textarea >, schafft das Textfeld mehrere Linie. Mithilfe von JavaScript kann ein Webprogrammierer in eingegebenen Text löschen diese Boxen.

Anweisungen

1 Fügen Sie Code zum Erstellen eine Schaltfläche auf der Webseite mit einem Text-Editor. Der Button-Code ist:

< Eingang Typ = "Knopf" Name = "ClearValue" Value = "Klar Textbox" >

Die Felder "Name" und "Wert" können geändert werden, falls gewünscht.

2 Überprüfen Sie die Attribute im Feld Text für die Existenz der "Id =" Tag. Wenn es nicht vorhanden ist, fügen Sie Folgendes in das Textfeld:

ID = "MyFieldName"

Ersetzen Sie "MyFieldName" mit Ihrer Wahl von Namen.

3 Fügen Sie den folgenden Code auf die Schaltfläche nach dem Leitbild:

OnClick="Document.getElementById('myFieldName').Value =" ""

Ersetzen Sie "MyFieldName" mit den ID-Wert des Textfeldes oder Textbereich gelöscht werden.

4 Öffnen Sie die Webseite in einem Browser, geben Sie Text in das Textfeld ein und klicken Sie auf die Schaltfläche, um den Text zu löschen. Der eingegebene Text sollte verschwinden.

Tipps & Warnungen

• Code ein Textfeld löschen kann Funktionen oder andere Ereignistypen wie "OnChange." hinzugefügt werden
• JavaScript ist eine Sprache, Groß-/Kleinschreibung beachtet. Daher unterscheiden sich "FieldName" und "Feldname". Achten Sie darauf, dass Sie die richtige Schreibweise zu verwenden.