1. Wenn es nur einen <Eingabe type = "text" name = "name" /> im Formularformular gibt, drücken Sie die Eingabetaste, um das Formular automatisch einzureichen.
Die Codekopie lautet wie folgt:
<form id = "Form1" action = "post.php" methode = "post">
<Eingabe type = "text" name = "name" />
</form>
Fügen Sie noch einen hinzu
Die Codekopie lautet wie folgt:
<Eingabe type = "text" />
Drücken Sie die Eingabetaste, um es automatisch einzureichen, aber es ist unangenehm, ein unbekanntes Eingabefeld auf der Seite anzuzeigen. Später fand ich zwei Lösungen aus dem Internet:
(1) Fügen Sie einen hinzu
Die Codekopie lautet wie folgt:
<Eingabe style = "Anzeige: Keine;" Typ = "Text" />
Das Eingabefeld wird nicht angezeigt und wird nach dem Eintritt nicht eingereicht:
Die Codekopie lautet wie folgt:
<form id = "Form1" action = "post.php" methode = "post">
<Eingabe type = "text" name = "name" />
<Eingabe style = "Anzeige: Keine" />
</form>
(2) Fügen Sie ein Onkeydown -Ereignis hinzu und drücken Sie die Eingabetaste und werden nicht angezeigt:
Die Codekopie lautet wie folgt:
<form id = "Form1" action = "post.php" methode = "post">
<input type = "text" name = "name" onkeydown = "if (Ereignis.KeyCode == 13) return false;"/>
</form>
Wenn Sie ein Wagenrückgabeereignis hinzufügen möchten, können Sie im Onkeydown -Ereignis ein Einreichungsformular für ein Urteil hinzufügen:
Die Codekopie lautet wie folgt:
<form id = "Form1" action = "post.php" methode = "post">
<Eingabe style = "Anzeige: Keine" />
<input type = "text" name = "name" onkeydown = "if (Ereignis.KeyCode == 13) {gosubmit ();}" />
</form>
Manchmal möchten wir, dass der Eingabetaste das Formular im Eingabeelement einreicht, aber manchmal wollen wir es nicht. Wenn Sie beispielsweise das Suchverhalten einsetzen, hoffen Sie, Eingabetaste zu drücken, um das Formular sofort nach Eingabe des Schlüsselworts einzureichen. Für einige komplexe Formulare müssen Sie möglicherweise den Fehlerbetrieb der Eingabetaste vermeiden und die Formulareingabe auslösen, wenn das Formular vor dem Ausfüllen des Formulars ausgefüllt wird.
Um diese Verhaltensweisen zu kontrollieren, müssen Sie JS nicht verwenden. Der Browser hat uns bei dieser Verarbeitung geholfen. Hier sind einige Regeln:
Wenn im Formular eine Schaltfläche type = "Senden" vorhanden ist, wirkt sich die Eingabetaste aus.
Wenn nur eine Eingabe mit Typ = "Text" im Formular vorhanden ist, unabhängig von der Schaltfläche "Typ", wird die Eingabetaste wirksam.
Wenn in der Schaltfläche keine Eingabe verwendet wird, aber keine Taste und kein Typ hinzugefügt wird, ist die Standard -Taste = Taste im IE und die Standardeinstellung ist type = in FX einreichen.
Andere Formularelemente wie TextArea und SELECT -Auswahl haben sich nicht auf das Radio -Kontrollkästchen aus, wirkt sich nicht auf die Auslöserregeln aus, reagieren jedoch auf die Eingabetaste unter FX und antworten nicht in IE.
Die Eingabe von type = "Image" hat den gleichen Effekt wie type = "subieren". Ich weiß nicht, warum dieser Typ entworfen wurde und es wird nicht empfohlen, ihn zu verwenden. Es sollte angemessen sein, Hintergrundbilder mit CSS hinzuzufügen.