Einführung und Beispielanalyse des HTML-Tags

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

Wichtig: Wenn Sie das Button-Element in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Werte. Internet Explorer übermittelt den Text zwischen

und , während andere Browser den Inhalt des Wertattributs übermitteln. Bitte verwenden Sie Eingabeelemente in HTML-Formularen, um Schaltflächen zu erstellen.

Definition und Verwendung

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.

-Steuerung bietet leistungsfähigere Funktionen und umfangreichere Inhalte als . Alles zwischen den Tags 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=&#39;目标网址&#39;;
}
</script>

a ist ein Hyperlink-Typ="button" und es ist offensichtlich falsch, ihn in einem zu schreiben.
Es sollte so geschrieben werden:
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

-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!