Einführung in die Verwendung des Formulars „OnSubmit“ und des Eingabetyps „Bild“

Einführung in die Verwendung des Formulars „OnSubmit“ und des Eingabetyps „Bild“
Wenn hier ein <input type="image"> vorhanden ist, wird durch direktes Drücken dieses Bildes das Formular übermittelt.

Wenn OnSubmit vorhanden ist, wird diese Funktion zuerst ausgeführt. Wenn sie false zurückgibt, wird das Formular nicht übermittelt!

Code kopieren
Der Code lautet wie folgt:

<span style="Schriftgröße:14px;"><Skriptsprache=Javascript>
Funktionstest ()
{
alarm("Test!")
}
</Skript>
<form name="F1" onSubmit="fuck();">
<Eingabetyp="Bild" src="" Breite="51" Höhe="20">
</form></span>

Ein weiteres Beispiel:

Code kopieren
Der Code lautet wie folgt:

<html>
</Kopf>
<Skriptsprache="Javascript">
Funktion checkEmpty(Formular){
für(i=0;i<form.length;i++){
Alarm (Formular.Elemente[i].Wert);
wenn( form.elements[i].value=="" ){
alert("Formularinformationen dürfen nicht leer sein");
gibt false zurück;
}
}
}
</Skript>
<Text>
<Formularname="Formular" Methode="Posten" onSubmit="return checkEmpty(Formular)">
<Eingabename="Name" Typ="Text" Größe="17">
<input name="Passwort" type="Passwort" size="17">
<Eingabetyp="Bild" src="" Breite="51" Höhe="20">
<Eingabetyp="Schaltfläche" Wert="AAA" />
</form>
</body>
<html>

<<:  MySql-Freigabe der Nullfunktionsnutzung

>>:  Mehrere Methoden zum Implementieren von zwei festen Spalten und einer adaptiven Spalte in CSS

Artikel empfehlen

Detailliertes Tutorial zur Installation von ElasticSearch 6.4.1 auf CentOS7

1. Laden Sie das ElasticSearch 6.4.1-Installation...

Detaillierte Erläuterung der Grundkenntnisse zur Front-End-Komponentenbildung

Inhaltsverzeichnis Grundlegende Konzepte von Komp...

So verwenden Sie React zur Implementierung einer Bilderkennungs-App

Lassen Sie mich Ihnen zuerst das Effektbild zeige...

React implementiert den Beispielcode der Radiokomponente

Ziel dieses Artikels ist es, die Grundfunktionen ...

So verwenden Sie Web-Frontend-Vektorsymbole

Vorwort Beim Schreiben von Frontend-Seiten verwen...

Geplante vollständige MySQL-Datenbanksicherung

Inhaltsverzeichnis 1. MySQL-Datensicherung 1.1. m...

Tiefgreifendes Verständnis der verschiedenen Sperren von MySQL

Inhaltsverzeichnis Schlossübersicht Sperrklassifi...

CentOS 8 offiziell veröffentlicht, basierend auf Red Hat Enterprise Linux 8

Das CentOS-Projekt, ein 100 % kompatibler Neuaufb...

HTML-Cellpadding- und Cellspacing-Attribute in Bildern erklärt

Zelle -- der Inhalt der Tabelle Zellenrand (Tabell...

Verzeichnisberechtigungen beim Erstellen eines Containers mit Docker

Als ich gestern ein Projekt schrieb, musste ich d...

vue.js lädt Bilder entsprechend der Bild-URL herunter

Als ich kürzlich an einem Frontend-Docking-Funkti...