HTML ボタンの書き方: 1. input タグを使用します。構文は ""; 2. button タグを使用します。構文は「ボタンテキストボタン>」です。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML ボタンの書き方:
#1. input タグを使用します
<input type="button" value="保存"/>
< ;input>タグはユーザー情報を収集するために使用されます。
さまざまな type 属性値に応じて、入力フィールドには多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
2 つのテキスト入力ボックスと送信ボタンを含む単純な HTML フォーム:
<!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>出力結果:
##2. button タグ
<button>保存</button>
ボタン要素を HTML フォームで使用する場合、ブラウザーごとに送信されるボタンの値も異なります。 HTML フォームにボタンを作成するには、input 要素を使用してください。
唯一禁止されている要素はイメージ マップです。イメージ マップのマウスとキーボードに依存するアクションはフォーム ボタンの動作を妨げます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>出力結果:
プログラミング関連の知識については、
プログラミング ビデオ
をご覧ください。 ！
以上がHTMLでのボタンの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。