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
Detaillierte Erläuterung der FTP-Serverkonfiguration und 425-Fehler- und TLS-Warnlösungen für FileZilla Server
123WORDPRESS.COM stellt Ihnen den FileZilla-Downl...
Detaillierte Erläuterung des MySQL Multi-Version Concurrency Control Mechanism (MVCC)-Quellcodes
Inhaltsverzeichnis 1. Einleitung 2. MVCC (Multi-V...
Eine detaillierte Einführung in Linux-Dateiberechtigungen
Die Stärke von Linux liegt in seinem Mehrbenutzer...
Implementierungsanweisungen zur Duplikatsprüfung und Deduplizierung von MySQL-Daten
Es gibt einen Tabellenbenutzer und die Felder sin...
JavaScript fügt Ereignis-Listener zur Ereignisdelegierung in Batches hinzu. Detaillierter Prozess
1. Was ist Eventdelegation? Ereignisdelegierung: ...
Zwei Implementierungen des Front-End-Routings von Vue-Router
Inhaltsverzeichnis Modusparameter HashHistorie Ha...
Zwei Möglichkeiten, mit CSS eine horizontale Anordnung von ul und li zu erreichen
Da li ein Element auf Blockebene ist und standard...
Vue+Vant implementiert die obere Suchleiste
In diesem Artikelbeispiel wird der spezifische Co...
Implementierungsschritte zum Erstellen mehrseitiger Programme mit Webpack
Es ist sehr üblich, webpack zum Erstellen einseit...
Detaillierte Schritte zum Erstellen eines unabhängigen Mailservers auf Centos7.9
Inhaltsverzeichnis Vorwort 1. Intranet DNS A-Eint...
Eine sehr detaillierte Erklärung des Linux DHCP-Dienstes
Inhaltsverzeichnis 1. DHCP-Dienst (Dynamic Host C...
Lösung für das domänenübergreifende Problem der SpringBoot- und Vue-Interaktion
Inhaltsverzeichnis Same Origin-Richtlinie für Bro...
Implementierung der Lese-/Schreibtrennung und des Lastenausgleichs von MySQL basierend auf OneProxy
Einführung Teil 1: Am Anfang geschrieben OneProxy...
Die Einhandregel von WEB 2.0
<br />Mein vorheriger Artikel über CSS wurde...
Umfassendes Verständnis der Node-Ereignisschleife
Inhaltsverzeichnis Knoten-Ereignisschleife Ereign...