So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

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

Einführung von ECharts in das Vue-Projekt

Inhaltsverzeichnis 1. Installation 2. Einleitung ...

Gründe, warum MySQL 8.0-Statistiken ungenau sind

Vorwort Unabhängig davon, ob es sich um Oracle od...

Vue.js Leistungsoptimierung N Tipps (es lohnt sich, sie zu sammeln)

Inhaltsverzeichnis Funktionskomponenten Aufteilun...

Detaillierte Erläuterung der Wissenspunkte der Linux-DMA-Schnittstelle

1. Zwei Arten der DMA-Zuordnung 1.1. Konsistente ...

Projektpraxis zum Bereitstellen von Docker-Containern mit Portainer

Inhaltsverzeichnis 1. Hintergrund 2. Bedienungssc...

JavaScript-Implementierung eines Karussellbeispiels

In diesem Artikel wird der spezifische Code für J...

Ubuntu 18.04 installiert MySQL 5.7.23

Ich habe MySQL zuvor problemlos in Ubuntu 16.04 i...

MySQL Serie 3 Grundlagen

Inhaltsverzeichnis Tutorial-Reihe 1. Einführung i...

8 JS reduziert Verwendungsbeispiele und reduzierte Betriebsmethoden

reduce Methode ist eine Array-Iterationsmethode. ...

Verwendung des Linux-Befehls usermod

1. Befehlseinführung Der Befehl usermod (user mod...