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
Details zur geplanten Datenbanksicherung und Datenwiederherstellung bei Navicat für MySQL
Das Ändern oder Löschen einer Datenbank kann zu D...
Detaillierte Anweisungen zur Installation von MySQL8.0.19 im CentOS7.5-Tutorial
1. Einleitung Dieser Artikel enthält keine Screen...
Analyse des Tutorials zur Implementierung der Remote-Anmeldung unter Linux
Linux wird im Allgemeinen als Server verwendet un...
So installieren und konfigurieren Sie den SSH-Dienst in Ubuntu 18.04
Installieren Sie das SSH-Tool 1. Öffnen Sie das T...
Mysql-Datenbankdesign - Analyse von drei Paradigmenbeispielen
Drei Paradigmen 1NF: Felder sind untrennbar; 2NF:...
Eine kurze Diskussion zur Front-End-Produktion: Ist IE6 aus Kompatibilitätsgründen noch erforderlich?
Auf dem heimischen Markt besteht noch immer ein g...
Implementierung des klassischen CSS-Sticky-Footer-Layouts
Was ist ein Sticky-Footer-Layout? Unser übliches ...
Fallzusammenfassung zur Vue-Komponentenkommunikationsmethode
Inhaltsverzeichnis 1. Übergeordnete Komponente üb...
Beispielcode zur Eingabe des Kennzeichens und der Provinzkürzel in html
Das Prinzip besteht darin, zuerst ein Div mit ein...
Koexistenz von Python2 und Python3 unter einem CentOS7-System
Der erste Schritt besteht darin, die Versionsnumm...
MySQL-Transaktionsdetails
Inhaltsverzeichnis Einführung Vier Merkmale von T...
Detaillierte Erläuterung der 8 Attributwerte des Hintergrundattributs (Interviewfrage)
Der Wert der Hintergrundeigenschaft in CSS Hinter...
So erstellen Sie einen Pod in Kubernetes
Inhaltsverzeichnis Wie erstelle ich einen Pod? We...
Eine einfache Methode zum Ändern der Größe hochgeladener Nginx-Dateien
Originallink: https://vien.tech/article/138 Vorwo...
Methode zur Implementierung rekursiver Komponenten basierend auf der Vue-Technologie
beschreiben Dieser Artikel stellt eine Methode zu...