Skip to main content

フォームでHTML入力タグを使用してボタンを作成する

【HTML】入力フォームの作成★ (六月 2026)

【HTML】入力フォームの作成★ (六月 2026)
Anonim

HTMLでカスタマイズ可能なテキストボタンを作成するには、 タグ。ザ 要素は、

素子。

属性を設定することにより タイプ 「ボタン」をクリックすると、簡単なクリック可能なボタンが生成されます。 「送信」など、ボタンに表示されるテキストを定義するには、 値 属性。

例えば:

その タグはHTMLフォームを送信しません。フォームデータの送信を処理するにはJavaScriptを含める必要があります。 JavaScriptなし onclick ボタンをクリックすると表示されますが、何も起こりません、あなたはあなたの読者を挫折させるでしょう。

入力タグを使用してボタンを作成することは、その目的のために機能しますが、 タグを使用してウェブサイトのHTMLボタンを作成します。ザ ボタンは、ボタンのイメージを使用できるため(たとえば、サイトにデザインテーマがある場合に視覚的な一貫性を維持するのに役立ちます)、余分な処理を必要とせずにボタンのサブミットまたはリセットのタイプとして定義できるため、 JavaScript。

あなたはボタンを指定したいでしょう タイプ 任意の タグ。 3つの異なるタイプがあります:

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

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

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

HTML5では、

  • フォームアクション - とのみ使用 type = "submit" 値としてのURLは、フォームデータの送信先を指定します。例えば:
  • フォームタイプ - とのみ使用 type = "submit" 属性。フォームデータをサーバーに送信する際にエンコードする方法を定義します。 3つの値は アプリケーション/ x-www-form-urlencoded (デフォルト)、 マルチパート/フォームデータ、 そして テキスト/プレーン。
  • フォームメソッド - とのみ使用 type = "submit" 属性。フォームデータを送信するときに使用するHTTPメソッドを指定します。 取得する または 役職。
  • ホルムアルデヒド - とのみ使用 type = "submit" 属性。フォームデータは送信時に検証されません。
  • フォームターゲット - とのみ使用 type = "submit" 属性。これは、新しいウィンドウなどでフォームデータが送信されたときにサイトの応答を表示する場所を示します。値のオプションは、 _blank、_self、_parent、_top、 または特定のフレーム名。
  • フォームを使用している場合は、HTMLフォームでボタンを作成し、サイトをより使いやすくする方法をお読みください。