HTMLでのボタンの書き方-htmlチュートリアル-php.cn

HTMLでのボタンの書き方

WBOY

リリース： 2021-11-11 14:29:33

オリジナル

22926 人が閲覧しました

HTML ボタンの書き方: 1. input タグを使用します。構文は ""; 2. button タグを使用します。構文は「ボタンテキストボタン>」です。

HTMLでのボタンの書き方

このチュートリアルの動作環境: 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>

ログイン後にコピー

出力結果:

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でのボタンの書き方プログラミング関連の知識については、