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
Vue implementiert die browserseitige Code-Scan-Funktion
Hintergrund Vor nicht allzu langer Zeit habe ich ...
So verwenden Sie „Explain“, um den SQL-Ausführungsplan in MySql abzufragen
Der Befehl „Explain“ ist die primäre Möglichkeit,...
So verwenden Sie CSS, um je nach Unterelementen unterschiedliche Stile zu schreiben
Der Effekt, den wir erreichen müssen: Was wird be...
Designtheorie: Hierarchie im Design
<br />Originaltext: http://andymao.com/andy/...
Implementierung der MVCC-Mehrversions-Parallelitätskontrolle von MySQL
1 Was ist MVCC Der vollständige Name von MVCC lau...
So erstellen Sie mit Dockerfile ein Spiegelbild der Java-Laufzeitumgebung
Die aktuelle Umgebung ist: Centos 7.5 docker-ce 1...
So verwenden Sie Docker zum Erstellen eines privaten pypi-Repositorys
1. Konstruktion 1. Bereiten Sie die Datei htpassw...
So verwenden Sie Shell-Skripte in Node
Hintergrund Während der Entwicklung benötigen wir...
Einführung in die Verschlüsselung des Grub-Boot-Programms in Linux
Inhaltsverzeichnis 1. Was ist Grub-Verschlüsselun...
Kennen Sie die häufigsten MySQL-Designfehler?
Dank der Entwicklung des Internets können wir die...
Designtheorie: Lesbarkeit und Verständlichkeit von Texten
<br />Vor nicht allzu langer Zeit habe ich a...
Beispielcode zur Implementierung des Verlaufs-Tag-Menüs mit vue+elementui+vuex+sessionStorage
Im Allgemeinen muss, nachdem sich auf der linken ...
Zusammenfassung mehrerer Implementierungen der Rückkehr zum Anfang in HTML-Seiten
Vor kurzem musste ich beim Entwickeln einer Websi...
Beispiel für die Verwendung von MRG_MyISAM (MERGE) zur Implementierung einer Abfrage nach der Partitionierung in MySQL
Die Optimierung großer Datenbankdatenmengen ist e...
Eine eingehende Analyse von MySQL erläutert die Verwendung und die Ergebnisse
Vorwort Bei unserer täglichen Arbeit führen wir m...