Heim > Artikel > Web-Frontend > So schreiben Sie eine Schaltfläche in HTML
So schreiben Sie eine Schaltfläche in HTML
- WBOYOriginal
- 2021-11-11 14:29:3322929Durchsuche
So schreiben Sie HTML-Schaltflächen: 1. Verwenden Sie das Eingabe-Tag, die Syntax lautet „“ 2. Verwenden Sie das Schaltflächen-Tag, die Syntax lautet „< ;button>Buttontext “.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Schreiben der HTML-Schaltfläche:
1. Verwenden Sie das Eingabe-Tag
<input type="button" value="保存"/>
-Tag wird zum Sammeln von Benutzerinformationen verwendet.
Je nach verschiedenen Typattributwerten hat das Eingabefeld viele Formen. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.
Ein einfaches HTML-Formular, einschließlich zwei Texteingabefeldern und einer Schaltfläche zum Senden:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<input type="submit" value="Submit" />
</form>
</body>
</html>Ausgabeergebnis:
2. Verwenden Sie das Schaltflächen-Tag
<button>保存</button>
Wenn Sie das Schaltflächenelement in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Schaltflächenwerte. Bitte verwenden Sie Eingabeelemente, um Schaltflächen in HTML-Formularen zu erstellen.
Das einzige verbotene Element ist die Bildzuordnung, da ihre maus- und tastaturempfindlichen Aktionen das Verhalten der Formularschaltflächen beeinträchtigen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>Ausgabeergebnis:
Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !
Das obige ist der detaillierte Inhalt vonSo schreiben Sie eine Schaltfläche in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!