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
Die perfekte Lösung für den Fehler bei der Installation von Mysql Applying Security in Windows Server 2014
Der Grund liegt darin, dass es nach der Installat...
Kenntnisse über die MySQL Memory-Speicher-Engine
Wissenspunkte zur Speicher-Storage-Engine Die Spe...
Zusammenfassung des Wissens zum Vue V-Modell
v-model ist eine Vue-Direktive, die eine bidirek...
Detaillierte Erklärung zu anonymen Slots und benannten Slots in Vue
Inhaltsverzeichnis 1. Anonyme Slots 2. Benannte S...
MySQL 8.0.12 Installations- und Nutzungs-Tutorial
Das Installations- und Verwendungstutorial für My...
Gründe und Lösungen für die mehrfache Ausführung der Überwachungsmethode, wenn Vue Routenänderungen überwacht
Inhaltsverzeichnis Anforderungsbeschreibung: Anfo...
Detaillierte Einführung in die Definition und Verwendung des HTML-Thead-Tags
Code kopieren Der Code lautet wie folgt: <thea...
So implementieren Sie Property Hijacking mit JavaScript defineProperty
Inhaltsverzeichnis Vorwort Deskriptoren Detaillie...
Auszeichnungssprache – CSS-Stil für Webanwendungen
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
Schritte zum Einrichten und Mounten freigegebener Ordner auf Windows-Host und Docker-Container
Programme in Docker-Containern müssen häufig auf ...
Spezifische Verwendung zusammengesetzter CSS-Selektoren
Kreuzungsauswahl Der Schnittpunktselektor besteht...
Lösen Sie das Problem, dass Sie auf dem Linux-Server nicht auf die RabbitMQ-Verwaltungsseite zugreifen können
Da eine bestimmte Funktion meines Projekts erford...
Analyse des Konfigurationsprozesses zur Installation von MariaDB basierend auf Docker
1. Installation Suchen Sie über DockerHub nach de...
Stellen Sie die Breite der Tabelle so ein, dass sie sich nicht mit dem Text ändert
Nachdem die Tabellenbreite auf der Seite auf width...
Beispielcode und Methode zum Speichern von Arrays in MySQL
Beim Schreiben gespeicherter Prozeduren werden hä...