Mögliche Gründe, warum das Eingabetag type="reset" in HTML ungültig ist (nicht funktioniert).
|
Bei Verwendung des Tags <html:reset> stellen wir manchmal fest, dass die Schaltfläche „Zurücksetzen“ ungültig ist und das Klicken auf die Schaltfläche das Eingabefeld nicht löscht. Hier ist der Grund: Auf der W3C-Website finden Sie diese Beschreibung (http://www.w3school.com.cn/htmldom/dom_obj_reset.asp). „Für jedes Vorkommen des Tags <input type="reset"> in einem HTML-Formular wird ein Reset-Objekt erstellt. Wenn die Reset-Schaltfläche angeklickt wird, werden die Werte aller Eingabeelemente im enthaltenen Formular auf ihre Standardwerte zurückgesetzt. Die Standardwerte werden durch das HTML-Attribut value oder das JavaScript-Attribut defaultValue angegeben.“ Dies bedeutet, dass, wenn das Wertattribut dieses Textbereichs festgelegt ist, die Schaltfläche „Zurücksetzen“ den Textbereich auf den Wert dieses Wertattributs zurücksetzt, anstatt ihn leer zu lassen. Das Fazit lautet: Durch Zurücksetzen wird der Wert des Eingabefelds nicht gelöscht, sondern auf den durch das Wertattribut angegebenen Wert zurückgesetzt. Dies wird deutlich, wenn man das folgende Beispiel betrachtet. Speichern Sie den folgenden HTML-Code als HTML-Datei, öffnen Sie ihn mit einem Browser, ändern Sie den Inhalt des Eingabefelds und klicken Sie auf die Schaltfläche „Zurücksetzen“, um den Effekt anzuzeigen. <form> <Eingabetyp="Textbereich" Wert="Standardwert"/> <Eingabetyp="Zurücksetzen" /> </form> Auf der Abfrageergebnisseite hoffen wir jedoch manchmal, dass das Wertattribut einen Wert hat (die Eingabebedingung der letzten Abfrage), sodass wir das Reset-Tag nicht verwenden können, um die Löschfunktion zu implementieren. Beachten Sie, dass es sich um ein Löschen handelt. Die Simulationsmethode ist wie folgt: Verwenden Sie das Button-Tag anstelle des Reset-Tags und verwenden Sie js, um den Wert des Textbereichs auf leer zu setzen. |
<<: Zusammenfassung verschiedener Übermittlungsmethoden für HTML-Formulare
Artikel empfehlen
Beispiel einer Nginx-Standortübereinstimmungsregel
1. Grammatik Standort [=|~|~*|^~|@] /uri/ { ... }...
Detailliertes Beispiel zur Implementierung von Transaktions-Commit und -Rollback in MySQL
Vor Kurzem mussten wir eine geplante Migration de...
Lösung für das Problem „Fehler beim Konfigurieren von IDEA für die Verbindung zur MySQL-Datenbank“
Dieser Artikel stellt hauptsächlich die Lösung fü...
Mehrbenutzer-Lizenzierung für Remotedesktopverbindungen unter Windows Server 2008 R2
Bei der Arbeit benötigen wir häufig Remote-Server...
Detaillierte Erläuterung der Verwendung des DockerHub-Image-Repository
Bisher wurden die von uns verwendeten Images alle...
Realisieren Sie eine dreistufige Verknüpfung von Jahr, Monat und Tag basierend auf JavaScript
In diesem Artikel wird der spezifische Code für J...
Mehrere Möglichkeiten zur Implementierung der CSS-Höhenänderung mit Breitenverhältnis
[Lösung 1: Padding-Implementierung] Prinzip: Wenn...
So verwenden Sie den EXPLAIN-Befehl in SQL
Bei unserer täglichen Arbeit führen wir manchmal ...
Detaillierte Erklärung, wo das von Docker abgerufene Image gespeichert ist
20200804Nachtrag: Der Artikel könnte falsch sein....
So verwenden Sie das Vue-Router-Routing
Inhaltsverzeichnis 1. Beschreibung 2. Installatio...
js Promise-Methode zur gleichzeitigen Steuerung
Inhaltsverzeichnis Frage Hintergrund Idee & U...
React implementiert doppelten Schieberegler zum Querschieben
In diesem Artikel wird der spezifische Code für R...
Fehlerbehebung und Lösungen für das Problem der MySQL-Autoinkrement-ID-Übergröße
Einführung Xiao A war gerade dabei, Code zu schre...
CSS erzielt den Effekt der Vermischung zweier Elemente (Sticky-Effekt)
Ich erinnere mich, dass es vor ein paar Jahren in...
Die Vue-Konfigurationsdatei generiert automatisch Routing- und Menüinstanzcode
Inhaltsverzeichnis Vorne geschrieben router.json ...