Definition und Verwendung
Das <taste> Tag definiert eine Schaltfläche.
Im Schaltflächenelement können Sie Inhalte wie Text oder Bilder platzieren. Dies ist der Unterschied zwischen diesem Element und den mit dem Eingabeelement erstellten Schaltflächen.
Die <button> -steuerung bietet leistungsfähigere Funktionen und einen reicheren Inhalt als <inputType = Taste>. Alle Inhalte zwischen der <button> und </button> tags sind der Inhalt der Schaltfläche, die den akzeptablen Körperinhalt wie Text oder Multimedia -Inhalt enthält. Zum Beispiel können wir ein Bild und einen verwandten Text in die Schaltfläche aufnehmen und in der Schaltfläche ein attraktives Markup -Bild erstellen.
Das einzige Element, das verboten ist, ist die Bildzuordnung, da seine Maus- und Tastaturempfindungsaktionen das Verhalten von Formschaltflächen beeinträchtigen können.
Bitte geben Sie immer Typattribute für die Schaltfläche an. Der Standardtyp von InternetExplorer ist eine Schaltfläche, während der Standardwert in anderen Browsern (einschließlich der W3C -Spezifikation) eingereicht wird.
BrowserunterstützungAlle Mainstream -Browser unterstützen das <tasten> Tag.
Wichtig : Wenn Sie das Schaltflächenelement in einem HTML -Formular verwenden, senden verschiedene Browser unterschiedliche Werte. InternetExplorer sendet einen Text zwischen <button> und <button/>, während andere Browser den Inhalt des Wertungsattributs einreichen. Bitte verwenden Sie das Eingabeelement im HTML -Formular, um eine Schaltfläche zu erstellen. Dinge zu beachtenWenn Sie das <taste> -Tag verwenden, ist es einfach, es als <PedigType = -Staste> für die folgende Fehlerverwendung zu erkennen:
1. Nehmen Sie den Wert des <buttonId = customBtnValue = test> button </button> Wert über $ ('#customBtn'). Val (). Val ().
In IE (dh Kernel) ist der Wert der Knopf, nicht der Test, und der Test wird in Nicht-IE erhalten. Nehmen Sie am ersten oben markierten Satz teil.
Dies sollte von <InputType = Button> unterschieden werden.
In diesen beiden Arten $ ('#CustomBtn'). Val (), $ ('#CustomBtn'). Attr ('Wert') erhält die Werte in verschiedenen Browsern wie folgt:
Browser/Wert | $ ('#CustomBtn'). Val () | $ ('#CustomBtn'). Attr ('Wert') |
Firefox13.0 | prüfen | prüfen |
Chrom 15.0 | prüfen | prüfen |
Opera11.61 | prüfen | prüfen |
Safari5.1.4 | prüfen | prüfen |
IE9.0 | Taste | Taste |
Überprüfen Sie dies im Testcode unten
Kopieren Sie den Code