So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular
|
Um das Problem „Eingeben != Absenden“ zu implementieren, können Sie im Allgemeinen vom „Schaltflächentyp“ und der „Anzahl der Eingabefelder“ ausgehen. Standardmäßig bedeutet das Drücken der Eingabetaste bei einem einzelnen Eingabefeld das Senden, unabhängig davon, ob die Schaltfläche vom Typ „Senden“ oder „Schaltfläche“ ist. 1. Wenn type="submit" ist, bedeutet das Drücken der Eingabetaste das Senden, unabhängig davon, wie viele type="text"-Eingabefelder vorhanden sind. (einreichen) 2. Wenn Sie „button“ eingeben und mehrere Eingabefelder vorhanden sind, wird durch Drücken der Eingabetaste nicht die Übermittlung durchgeführt. (Taste) 3. Um das Problem der Übermittlung beim Drücken der Eingabetaste in einem einzelnen Eingabefeld zu lösen, beachten Sie den zweiten Punkt: Sie können einen input="text" hinzufügen und ausblenden; legen Sie dann den Typ auf Schaltfläche fest. In tatsächlichen Anwendungen gibt es selten nur ein Eingabefeld. Sie müssen sich daher nur die zweite Regel merken, um damit umzugehen. Die Verwendung von JS-Ereignissen zum Verhindern der Übermittlung von Formularen geht über den Rahmen dieses Artikels hinaus, ist aber durchaus möglich. |
<<: CSS-Benennung: BEM, Scoped CSS, CSS-Module und CSS-in-JS erklärt
>>: js behandelt die Kontoabmeldung beim Schließen des Browsers
Artikel empfehlen
Grafisches Tutorial zur Installation und Konfiguration von mysql 8.0.18.zip (Windows 64 Bit)
Informationen zum Deinstallieren der zuvor instal...
Praxis der Linux-Datei- und Benutzerverwaltung
1. Zeigen Sie die Dateien oder Verzeichnisse im V...
Detaillierte Verwendung von Echarts in vue2 vue3
Inhaltsverzeichnis 1. Installation 2. Verwenden S...
Einführung in die allgemeine API-Verwendung von Vue3
Inhaltsverzeichnis Veränderungen im Lebenszyklus ...
Was ist BFC? So löschen Sie Floats mithilfe von CSS-Pseudoelementen
BFC-Konzept: Der Blockformatierungskontext ist ei...
Lösung zum automatischen Auslösen von Klickereignissen beim Klicken auf ein Popup-Fenster in Vue (Simulationsszenario)
Geschäftsszenario: Verwenden Sie den EL-Dialog vo...
Kostenloses Tool zur Überprüfung der Richtigkeit von HTML-, CSS- und RSS-Feeds
Ein Trick zum Umgang mit dieser Art von Fehlern be...
Empfohlene 20 besten kostenlosen englischen Handschrift-Schriftarten
Jellyka BeesAntike Handschrift [Ank]* Jellyka Cutt...
Der Unterschied zwischen HTML-Name-ID und Klasse_PowerNode Java Academy
Name Geben Sie einen Namen für das Tag an. Format...
Lösung für das Problem der Nullspalte in der NOT IN-Füllgrube in MySQL
Als ich vor einiger Zeit an einer kleinen Funktio...
Wie erreicht MySQL eine Master-Slave-Synchronisierung?
Die Master-Slave-Synchronisierung, auch Master-Sl...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27
Detailliertes Download-, Installations- und Konfi...
So fügen Sie Vite-Unterstützung zu alten Vue-Projekten hinzu
1. Einleitung Ich habe vor zwei Jahren ein Projek...
Anweisungen zur Verwendung des Datenbankverbindungspools Druid
Ersetzen Sie ihn durch den optimalen Datenbankver...
Schritte zur Bereitstellungsmethode für Docker Stack für Webcluster
Docker wird immer ausgereifter und seine Funktion...