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

Tipps zur Verwendung von Bildlaufleisten in HTML

Als wir heute das Pressemitteilungssystem von Niu ...

MAC+PyCharm+Flask+Vue.js-Build-System

Inhaltsverzeichnis Konfigurieren Sie node.js+nvm+...

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Code kopieren Der Code lautet wie folgt: <!DOC...

Eine detaillierte Einführung in die CSS-Namensspezifikation BEM von QQtabBar

BEM von QQtabBar Zunächst einmal: Was bedeutet BE...

So legen Sie Verknüpfungssymbole in Linux fest

Vorwort Durch das Erstellen von Verknüpfungen in ...

So installieren Sie MySQL 5.7 unter Windows

Laden Sie zuerst die komprimierte Version von MyS...

Schritte zum Übertragen des neuen Kernels auf das Linux-System

1. Laden Sie das Ubuntu16.04-Image und den entspr...

Vue verwendet Canvas, um den Bildkomprimierungs-Upload zu realisieren

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

So erstellen Sie ein ELK-Protokollsystem basierend auf Docker

Hintergrundanforderungen: Mit zunehmender Größe d...

Schleifenmethoden und verschiedene Durchlaufmethoden in js

Inhaltsverzeichnis for-Schleife While-Schleife do...