フォームでのHTML入力タグとボタンタグの使用

属性タイプを「ボタン」に設定すると、簡単なクリック可能なボタンが生成されます。 value属性を使用して、ボタンに表示されるテキスト（「送信」など）を定義することができます。

例えば：

タグはHTMLフォームを送信しないことに注意してください。 フォームデータの送信を処理するにはJavaScriptを含める必要があります。 JavaScriptのonclickイベントがなければ、ボタンはクリック可能なように見えますが、何も起こりません。あなたは読者を苛立たせます。

＆lt; button＆gt; タグの代替

入力タグを使用してボタンを作成することは、その目的のために機能しますが、タグを使用してウェブサイトのHTMLボタンを作成する方が良い方法です。 タグは、ボタン用の画像を使用できるため（たとえば、サイトにデザインテーマがある場合に視覚的な一貫性を維持するため）、柔軟性があります。ボタンの送信またはリセットのタイプとして定義できますJavaScriptを追加する必要はありません。

任意の

タグにボタンタイプ属性を指定する必要があります。 3つの異なるタイプがあります：

• ボタン - このボタンには固有の動作はありませんが、ボタンにアタッチしてクリックすると実行できるクライアント側で実行されるスクリプトと組み合わせて使用​​されます。
• reset - すべての値をリセットします。
• submit - フォームデータをサーバーに送信します（タイプが定義されていない場合は、これがデフォルト値です）。

その他の属性は次のとおりです。

• name - ボタンに参照名を与えます。
• value - 最初にボタンに割り当てる値を指定します。
• disable - ボタンをオフにします。

HTML5は、より多くの機能を提供する

タグにいくつかの追加の属性を追加します。

• オートフォーカス - ページが読み込まれるときに、このボタンがフォーカスであることを示します。 1つのページに1つのオートフォーカスしか使用できません。
• フォーム - フォームの識別子を値として使用して、ボタンを同じHTMLドキュメント内のフォームに関連付けます。 例えば：

送信

formaction - type = "submit"でのみ使用され、URLは値として使用され、フォームデータの送信先を指定します。 例えば：

フォームデータを別のページに送信する

formenctype - type = "submit"属性でのみ使用されます。 フォームデータをサーバーに送信する際にエンコードする方法を定義します。 3つの値は、 application / x-www-form-urlencoded （デフォルト）、 multipart / form-data、およびtext / plainです。

formmethod - type = "submit"属性でのみ使用されます。 これは、フォームデータの送信時に使用するHTTPメソッド（ getまたはpost）を指定します。

formnovalidate - type = "submit"属性でのみ使用されます。 フォームデータは送信時に検証されません。

formtarget - type = "submit"属性でのみ使用されます。 これは、新しいウィンドウなどでフォームデータが送信されるときに、サイトの応答が表示される場所を示します。値のオプションは、 _blank、_self、_parent、_top、または特定のフレーム名のいずれかです 。

フォームを使用している場合は、HTMLフォームでボタンを作成し、サイトをより使いやすくする方法をお読みください。