JavaScriptボタンラベル

| | | | | | | | | | | | | | | | | | | | | |

HTMLボタンタグは、HTMLフォームでクリック可能なボタンを作成するために使用されます。これにより、ユーザーは何らかの形式でWebサイトに情報を送信できます。ボタンのスタイルはCSSで制御できます。

Webページでフォームを作成するときは、ユーザーがフォームを送信できるように、クリック可能なボタンを作成する必要があります。たとえば、ユーザーから配達情報を収集する注文フォームがeコマースサイトにあるとします。ユーザーがフォームに入力したら、クリックして情報を送信するためのボタンが表示されます。

ここにHTMLのtag。また、カスタムボタンの作成に使用できる属性についても説明し、これらの属性の実際の例をいくつか紹介します。

更新されたHTMLフォーム

HTMLフォームは、名前、番号、電話番号、住所など、さまざまな種類のユーザー入力をWebページに収集するために使用されます。

各フォームには、ユーザーがサイトに情報を送信できるようにする入力要素が含まれています。たとえば、Webページには、ユーザー名、生年月日、クレジットカード情報などを収集するためのフォーム要素を含む注文フォームを含めることができます。

が使用されます HTMLでフォームを作成します。ユーザーの名前を収集するシェイプを作成するために使用されるの簡単な例を次に示します。

フォームタグには複数のタグを含めることができますまたは選択ボックスなどの他のユーザー入力項目。さらに、フォームには ブートキャンプの試合を見つける

ボタンの外観は次のとおりです。 Webページ:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js「> </フィギュア> <P>今、私たちは私たちのウェブページ上のボタンを持っていることを、ユーザーは<P>フォームに入力された情報を入力することができます。 </> <code> </code>の解釈も異なることに注意してください。たとえば、バージョン9より前のInternet Explorerは、<code>  </code>タグには、作成に使用できるいくつかの属性が含まれていますカスタムボタン。さらに、<code> </code>の主な属性を詳しく見ていきましょう。</p><p> <code> autofocus </code>は、ボタンを指定するために使用されますWebページが読み込まれると、自動的にフォーカスを受け取ります。構文は次のとおりです。<code>autofocus</code>:</p> <h3>無効</h3><p><code>無効</code>はボタンの属性を無効にします。これは、ユーザーが記事を操作できないことを意味します。構文は次のとおりです。<code>disabled</code>:</p>  <p>以下に示すように、ボタンはグレー表示されており、クリックできません。</p>  </a> </div> <figure class =  4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW「> </図> <H3>形状</ H3> <P> <コード>フォーム</コード>が使用されていますボタン要素をフォームにリンクします。<code>form<Attribute / code>の値は、フォームが参照するフォームの<code> id</code>と同じである必要があります。次の例を次に示します。送信ボタンを<code>Pizza</code>フォームにリンクするフォーム属性:</p>  <p> <code> form </code>属性は、ボタンを識別子<code> Pizza </code>の形状にリンクしました。したがって、ボタンをクリックすると、フォームは次のように送信されます。 id <code> Pizza</code>。</p><h3> Training </h3> <p> <code> training </code>は、ボタンから送信された情報を処理するプログラムのURLを指定します。この属性は、ボタンの<code> type</code>が<code>Send</code>と等しい場合にのみ使用できます。</p><p>これは<code>training</code>属性の例です。使用:</p>  <h3> Formmethod </h3> <p> <code> formmethod </code>は、<code> HTTP</code>を指定するために使用されますブラウザがフォームを送信するために使用するメソッド。この属性は、「<code> type =`submit`</code>」属性でのみ使用する必要があります。 </code> P> <p> <code> formmetho d </code>で受け入れられる2つの値は、<code> get</code>と<code>after</code>です。情報を取得したり、HTTP <code> </code> <code> GET </code>を実行したりする場合は、<code> get</code>を使用する必要があります。情報を送信したり、HTTP <code> </code> <code> POST </code>を実行したりする場合は、<code> after</code>を使用する必要があります。</p>  </div><p>構文は次のとおりです<code>formmethod</code>:</p>  <h3> formnovalidate </h3> <p> <code> formnovalidate</code>は次の目的で使用されます送信時にフォームデータを検証する必要がないことを示します。たとえば、ユーザー入力を受け入れたい場合は、すべてのフィールドに入力されていなくても、<code> formnovalidate </code> </p>  </a> </div><p>これは<code>formnovalidate</code>の例です。アクション:</p>  <h3> Formtarget </h3> <p> <code> formtarget </code>は、フォームが送信された後にサーバーが送信する応答の宛先位置を設定します。この属性の受け入れられる値は次のとおりです。<code> _blank </code>、<code> _self </code>、<code> _parent </code>、<code> _top<。/code>、またはUframeの名前</p><p>ここに構文は<code>formtarget</code>:</p>  <h3> value </h3><p>タグ<code>value</code>は、ボタンの初期値を指定します。構文は次のとおりです。<code>value</code>:</p> <div class =
  を使用して、HTMLでクリック可能なボタンを作成できますモジュール。たとえば、ユーザーがピザを注文できるフォームがある場合は、準備ができたときにユーザーが注文情報を送信できる を使用する方法を学習しました。また、タグを付けてカスタムボタンを作成し、これらの属性の使用方法の例をいくつか紹介しました。

これで、HTML