Drücken Sie die Eingabetaste, um das Formular automatisch abzuschicken. Unerwartete Entdeckung

Drücken Sie die Eingabetaste, um das Formular automatisch abzuschicken. Unerwartete Entdeckung

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<Titel></Titel>
</Kopf>
<Text>
<form action="http://www.baidu.com">
<Eingabetyp="Text" Name="Name"/>
<input type="button" onclick="javascript:void(0)" value="Senden">
</form>
</body>
</html>

Wie im obigen Formular gezeigt, wird das Formular übermittelt, wenn Sie im Namenseingabefeld die Eingabetaste drücken. Und es gibt im Formular keine Schaltfläche zum Senden.

Nach langem Suchen habe ich endlich den Grund gefunden: Wenn das Formular nur ein Textfeld enthält, wird das Formular abgeschickt, wenn Sie die Eingabetaste drücken.

Die Lösung ist also einfach: Fügen Sie einfach ein nutzloses Textfeld hinzu und verbergen Sie es.

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="Text" Stil='Anzeige: keine' />

Hinweis: Es ist nicht möglich, eine versteckte Box hinzuzufügen.

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="versteckt" />

<<:  CSS-Methode zum Löschen von Float und BFC

>>:  Wissen Sie, wie man Mock in einem Vue-Projekt verwendet?

Artikel empfehlen

Tutorial zur Bereitstellung und Installation von MySQL 8.0.18 unter Windows 7

1. Vorbereitende Schritte (Windows 7 + MySQL-8.0....

Linux verwendet den Befehl lsof, um den Status des Dateiöffnens zu überprüfen

Vorwort Wir alle wissen, dass unter Linux „alles ...

Vue-Konfigurationsdetails für mehrere Seiten

Inhaltsverzeichnis 1. Der Unterschied zwischen me...

Lösung für Front-End-Browser-Schriftgrößen von weniger als 12 Pixel

Vorwort Als ich kürzlich an einem Projekt arbeite...

Soll die Like-Funktion MySQL oder Redis verwenden?

Inhaltsverzeichnis 1. Häufige Fehler von Anfänger...

Vergleichen von Dokumentspeicherorten

<br />Ein toller Blogbeitrag von PPK vor zwe...

So implementieren Sie den Vue-Mausrad-Scrolling-Umschalt-Routing-Effekt

Eine Root-Routing-Komponente (die Root-Routing-Ko...

Zusammenfassung zur Verwendung der Reduce()-Methode in JS

Inhaltsverzeichnis 1. Grammatik 2. Beispiele 3. A...

Detailliertes Tutorial zur automatischen Installation von CentOS7.6 mit PXE

1. Nachfrage Die Basis verfügt über 300 neue Serv...

MySQL-Datenbank-Master-Slave-Replikation und Lese-/Schreibtrennung

Inhaltsverzeichnis 1. Master-Slave-Replikation Ma...

Eine kurze Erläuterung der Situationen in MySQL, die zu Indexfehlern führen

Hier einige Tipps von Ausbildungsstätten und mein...

Beispielanalyse der Verwendung gespeicherter MySQL-Prozeduren

Dieser Artikel beschreibt die Verwendung gespeich...