Beispiel
Der folgende Code markiert eine Schaltfläche:
<button type="button">Click Me!</button>
Browser-Unterstützung
IE
Firefox
Chrome
Safari
Opera
Alle gängigen Browser unterstützen den bb9345e55eb71822850ff156dfde57c8
Wichtig: Wenn Sie das Button-Element in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Werte. Internet Explorer übermittelt den Text zwischen bb9345e55eb71822850ff156dfde57c8 und de935b9c153fbe5d6ad7df96bd65d7b8, während andere Browser den Inhalt des Wertattributs übermitteln. Bitte verwenden Sie Eingabeelemente in HTML-Formularen, um Schaltflächen zu erstellen.
Definition und Verwendung
bb9345e55eb71822850ff156dfde57c8 Tag definiert eine Schaltfläche.
Innerhalb des Schaltflächenelements können Sie Inhalte wie Text oder Bilder platzieren. Dies ist der Unterschied zwischen diesem Element und Schaltflächen, die mithilfe von Eingabeelementen erstellt wurden.
bb9345e55eb71822850ff156dfde57c8-Steuerung bietet leistungsfähigere Funktionen und umfangreichere Inhalte als 8e03557d3950bf880a2e4583affa2fab. Alles zwischen den Tags bb9345e55eb71822850ff156dfde57c8 ist der Inhalt der Schaltfläche, einschließlich aller akzeptablen Textinhalte wie Text oder Multimediainhalte. Beispielsweise können wir ein Bild und zugehörigen Text in eine Schaltfläche einfügen und diese verwenden, um ein attraktives Markup-Bild in der Schaltfläche zu erstellen.
Das einzige verbotene Element ist die Bildzuordnung, da ihre maus- und tastaturempfindlichen Aktionen das Verhalten der Formularschaltflächen beeinträchtigen.
Geben Sie immer das Typattribut für Schaltflächen an. Der Standardtyp im Internet Explorer ist „Schaltfläche“, während der Standardtyp in anderen Browsern (einschließlich der W3C-Spezifikation) „Senden“ ist.
Unterschiede zwischen HTML 4.01 und HTML 5
Neue Attribute in HTML 5: Autofokus, Form, Formaction, Formenctype, Formmethod, Formnovalidate und Formtarget.
Tipps und Hinweise
Hinweis: Wenn Sie das Schaltflächenelement in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Schaltflächenwerte. Bitte verwenden Sie das Eingabeelement, um Schaltflächen in HTML-Formularen zu erstellen.
Attribut
neu: Neues Attribut in HTML5.
<button onclick="tz()">跳转</button>
<script>
function tz(){
window.location.href='目标网址';
}
</script>a ist ein Hyperlink-Typ="button" und es ist offensichtlich falsch, ihn in einem zu schreiben.
Es sollte so geschrieben werden: 0ab4035a250d045e80bffee8e026f556
Elemente in HTML können Stylesheets verwenden, um die Größe und den Hintergrund zu ändern
Das obige ist der detaillierte Inhalt vonEinführung und Beispielanalyse des HTML