


Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche
Sep 10, 2018 pm 04:01 PM
Browser-Unterstützung
Alle gängigen Browser unterstützen das
Wichtig: Wenn Sie das Button-Element in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Werte. Internet Explorer übermittelt den Text zwischen
Notizen
Bei Verwendung des
1. Ermitteln Sie den Wert von
im IE Bei dieser Verwendung unter (IE-Kernel) ist der erhaltene Wert „button“ und nicht „test“. Unter Nicht-IE ist der erhaltene Wert „test“. Beachten Sie den ersten rot markierten Satz oben.
Dies sollte von
Durch diese beiden Methoden erhält $('#customBtn').val(), $('#customBtn').attr('value') den Wert in verschiedenen Browsern wie folgt:
Sie können dies überprüfen, indem Sie den folgenden Code testen
<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scripttype="text/javascript"src="jquery-1.4.4.min.js"></script> <scripttype="text/javascript"> $(function(){ $('#test1').click(function(){ alert($('#customBtn').attr('value')); }); $('#test2').click(function(){ alert($('#customBtn').val()); }); }); </script> </head> <body> <buttonid="customBtn"value="test">按钮</button> <inputtype="button"id="test1"value="getattr"/> <inputtype="button"id="test2"value="getval"/> </body> </html>
2. Wenn Sie versehentlich das
Siehe den zweiten rot markierten Satz oben, um zu verstehen, was er bedeutet. Behandeln Sie das
<html> <body> <formaction=""> <button>button</button> <inputtype="submit"value="inputsubmit"/> <inputtype="button"value="inputbutton"/> </form> </body> </html>
Das obige ist der detaillierte Inhalt vonDer Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest

So implementieren Sie ein verstecktes Laravel-Eingabefeld

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird?

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument

Was ist das Eingabeelement in jquery?

So verbieten Sie die Eingabe in HTML5-Eingaben
