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

Implementierung der VUE-Anzeige unendlicher Ebenenbaum-Datenstrukturen

Inhaltsverzeichnis Rekursiver Aufruf der Komponen...

Details zur Verwendung von Bimface in Vue

Inhaltsverzeichnis 1. Installieren Sie das Vue-Ge...

Schritte zur Überprüfung der MySQL InnoDB-Row_ID-Grenzwertüberschreitung

Hintergrund Ich habe mit meinen Klassenkameraden ...

Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur

Inhaltsverzeichnis Struktur auswählen Schleifenst...

Zusammenfassung der Wissenspunkte zu den Linux-Befehlen ps und pstree

Der ps-Befehl in Linux ist die Abkürzung für „Pro...

Zusammenfassung zum Erstellen und Verwenden von Array-Methoden in Bash-Skripten

Definieren eines Arrays in Bash Es gibt zwei Mögl...

So installieren Sie das ZSH-Terminal in CentOS 7.x

1. Installieren Sie grundlegende Komponenten Führ...

So verwenden Sie Yum zum Konfigurieren der lnmp-Umgebung im CentOS7.6-System

1. Details zur Installationsversion Server: Maria...

Verwenden von Vue zum Implementieren einer Timerfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Vue+echarts realisiert gestapelte Balkendiagramme

In diesem Artikel wird der spezifische Code von V...