Heim Web-Frontend HTML-Tutorial Einführung in den Unterschied zwischen Button und Submit

Einführung in den Unterschied zwischen Button und Submit

Jul 19, 2017 pm 01:20 PM
button quot type

Es gibt vier Möglichkeiten, eine Schaltfläche auf einer Seite zu zeichnen:

Wenn Sie kein Javascript schreiben, passiert nichts, wenn Sie darauf drücken.

Eine solche Schaltfläche sendet das Formular automatisch ab, nachdem der Benutzer darauf geklickt hat, es sei denn, Sie schreiben Javascript, um dies zu verhindern.

Wenn diese Schaltfläche in einem Formular platziert wird, wird sie automatisch gesendet, wenn darauf geklickt wird. Der Vorteil gegenüber den beiden vorherigen besteht darin, dass der Inhalt der Schaltfläche nicht nur Text enthalten kann, sondern auch Bilder und andere Multimedia-Inhalte. (Die ersten beiden lassen sich natürlich auch mit Bildhintergründen realisieren.) Der Nachteil besteht darin, dass verschiedene Browser unterschiedliche Werte erhalten; es können andere Probleme mit der Browserkompatibilität auftreten (Ge Liang).

Andere Tags wie a, img, span, div und dann ein Bild verwenden, um es als Schaltfläche zu tarnen.

Submit ist eine Schaltfläche, die speziell zum Senden von Formularen verwendet wird. Es gibt zwei Hauptunterschiede zu Button:
type=button ist einfach eine Schaltflächenfunktion
type=submit dient zum Senden eines Formulars
(1) Submit verwendet die Formularübermittlung (form.submit()) als Standardereignis nach onclick, was bei Button nicht der Fall ist
(2) Beim Absenden des Formulars werden alle HTML-Eingabeelemente mit dem Namensattribut verwendet (einschließlich Eingabe-Tags, Schaltflächen-Tags, Auswahl-Tags usw.) werden als Schlüssel-Wert-Paare übermittelt, mit Ausnahme des Submit-Objekts. Das Submit-Objekt wird erst nach dem Klicken als Schlüssel-Wert-Paar in der Übermittlung übermittelt.
Aber diejenigen, die sich mit der WEB-Benutzeroberfläche beschäftigen, sollten auf die Verwendung von „Submit“ achten, um die Benutzerfreundlichkeit der Seite zu verbessern:

Nach der Verwendung von „Submit“ unterstützt die Seite die Eingabetastenbedienung über die Tastatur, viele WEB-Softwareentwickler jedoch möglicherweise nicht Beachten Sie, dass „Senden“ einheitlich ist.

Nach Verwendung der Schaltfläche unterstützt die Seite häufig nicht die Eingabetaste. Wenn Sie daher die Eingabetaste unterstützen müssen, müssen Sie eine Übermittlung einrichten. Standardmäßig wird die Eingabetaste bei der ersten Übermittlung auf der Seite aktiviert.
 
 
Nachdem Sie onClick ausgeführt haben, gehen Sie zur Aktion. Kann ohne onClick automatisch übermittelt werden. Onclick ist hier also nicht erforderlich.
 
 Nachdem onClick ausgeführt wurde, wird die Sprungdatei in der js-Datei gesteuert. Zum Senden ist onClick erforderlich.
Zum Beispiel:
1. onclick="form1.action='a.jsp';form1.submit();" Dadurch wird die Submit-Funktion realisiert.
 
Um es ganz klar auszudrücken: „Senden“ hat einen Sprung und die Seite wird aktualisiert, aber die Schaltfläche wird nicht aktualisiert, es ist nur eine Schaltfläche, die Sie verwenden können:

Das obige ist der detaillierte Inhalt vonEinführung in den Unterschied zwischen Button und Submit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest So legen Sie die Größe und Farbe der Schaltflächen in HTML fest Mar 05, 2021 pm 05:16 PM

In HTML können Sie die Attribute „width“ und „height“ verwenden, um die Größe des Schaltflächenelements festzulegen, und das Attribut „background-color“, um die Farbe des Schaltflächenelements festzulegen. Die spezifische Syntax lautet „button{width: width value; height:“. Höhenwert; Hintergrundfarbe: Farbwert;}".

Beheben Sie den Ubuntu-Fehler beim Mounten der mobilen Festplatte: unbekannter Dateisystemtyp exfat Beheben Sie den Ubuntu-Fehler beim Mounten der mobilen Festplatte: unbekannter Dateisystemtyp exfat Jan 05, 2024 pm 01:18 PM

Beim Mounten einer mobilen Festplatte durch Ubuntu tritt ein Fehler auf: mount: unlimitedfilesystemtype'exfat'. Die Verarbeitungsmethode lautet wie folgt: Ubuntu13.10 oder exfat-fuse installieren: sudoapt-getinstallexfat-fuseUbuntu13.04 oder niedriger sudoapt-add-repositoryppa:relan /exfatsudoapt-getupdatesudoapt-getinstallfuse- exfatCentOS Linux Fehler beim Mounten des USB-Datenträgers im Exfat-Format zum Laden von extfa in CentOS

Wozu dient das Type-Schlüsselwort in Go? Wozu dient das Type-Schlüsselwort in Go? Sep 06, 2023 am 09:58 AM

Die Verwendung des Type-Schlüsselworts in Go umfasst das Definieren neuer Typaliase oder das Erstellen neuer Strukturtypen. Detaillierte Einführung: 1. Verwenden Sie das Schlüsselwort „type“, um einen neuen Typ zu erstellen, sondern nur einen neuen Namen für den vorhandenen Typ bereitzustellen Die Lesbarkeit des Codes macht den Code klarer. 2. Verwenden Sie das Schlüsselwort „type“, um einen neuen Strukturtyp zu erstellen, der zum Definieren benutzerdefinierter Typen mit mehreren Feldern verwendet werden kann.

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Befehle vom Typ Linux Befehle vom Typ Linux Mar 20, 2024 pm 05:06 PM

In dieser Anleitung erfahren wir mehr über den Befehl „type“ unter Linux. Voraussetzungen: Um die in diesem Handbuch gezeigten Schritte ausführen zu können, benötigen Sie die folgenden Komponenten: Ein ordnungsgemäß konfiguriertes Linux-System. Erfahren Sie, wie Sie eine LinuxVM zu Test- und Lernzwecken erstellen. Grundlegendes Verständnis der Befehlszeilenschnittstelle Der Type-Befehl in Linux unterscheidet sich von anderen Linux-spezifischen Befehlen (z. B. ls, chmod, Shutdown, vi, grep, pwd usw.). Der „type“-Befehl ist integriert Bash-Funktion, die als Argument angezeigt wird. Informationen zum bereitgestellten Befehlstyp. $type Neben Bash sind auch andere Shells (Zsh, Ksh usw.) im Lieferumfang enthalten

Was sind die Prinzipien und die Verwendung der Redis-Typ- und Kodierungskodierung? Was sind die Prinzipien und die Verwendung der Redis-Typ- und Kodierungskodierung? May 29, 2023 pm 04:21 PM

Zusammenfassung Redis ist eine Open-Source-Hochleistungs-Schlüsselwertdatenbank, die in verschiedenen Szenarien weit verbreitet ist. In Redis sind Datentyp (Typ) und Kodierung (Kodierung) sehr wichtige Konzepte. In diesem Blog werden die von Redis unterstützten Datentypen sowie die entsprechenden Codierungsmethoden und zugrunde liegenden Implementierungsprinzipien ausführlich vorgestellt. Um die interne Codierung eines Redis-Schlüssels anzuzeigen, können Sie den Redis-Befehl OBJECTENCODINGkey verwenden. Unter diesen ist der Schlüssel der Schlüsselname, den Sie abfragen möchten. Wenn Sie beispielsweise die interne Kodierung eines Schlüssels namens mykey abfragen möchten, können Sie den folgenden Befehl ausführen: 127.0.0.1:6379>objectencodin

Welche Informationen sind bei der Registrierung eines Deepseek -Kontos erforderlich? Welche Informationen sind bei der Registrierung eines Deepseek -Kontos erforderlich? Mar 12, 2025 pm 02:33 PM

Erforderliche Informationen: 1. E-Mail-Registrierung; Nach erfolgreicher Registrierung müssen Sie normalerweise einige grundlegende persönliche Daten wie Spitzname, Geschlecht, Geburtstag usw. ausfüllen.

Was ist der Unterschied zwischen Typauswahl-Maven-Projekt und Maven-Pom beim Erstellen eines SpringBoot-Projekts mit Idee? Was ist der Unterschied zwischen Typauswahl-Maven-Projekt und Maven-Pom beim Erstellen eines SpringBoot-Projekts mit Idee? May 16, 2023 pm 04:52 PM

1) Öffnen Sie die Idee und beginnen Sie mit der Erstellung des SpringBoot-Projekts. 2) Wählen Sie SpringInitializr, wählen Sie die entsprechende JDK-Version aus und klicken Sie auf Weiter. Bei der Auswahl der Option „Typ“ stehen vier Projekttypen zur Auswahl: MavenProject (GenerateaMavenbasedprojectarchive) MavenPOM (GenerateaMavenpom. xml) GradleProject (GenerateaGradlebasedprojectarchive) )GradleConfig(GenerateaGradlebuildfile

See all articles