ボタンとフォームの入力の違い

今回はボタンとフォームへの入力の違いについてご紹介します。 ボタンとフォームへの入力を使用する際の注意事項について、実際のケースを見てみましょう。

まず、ボタンと入力の定義について説明します。

ラベルはボタンを定義します

1. 要素内には、テキストや入力などの任意のコンテンツを配置できます。画像。これは、 要素を使用して作成されたボタンとの違いです

3. と < ;/button> タグはボタンのコンテンツであり、テキストや

マルチメディア

コンテンツなどの許容可能な本文コンテンツが含まれます。

タグは、ユーザーがデータを入力できる入力フィールドを指定します

要素は、ユーザーがデータを入力できるようにする入力コントロールを宣言します。特定のタイプ type 属性に依存します

次の 4 つのタイプのボタンがあります:

、、

、

1. : ユーザーがこのボタンをクリックすると、フォームは

タグの action 属性を押して、フォームのコンテンツを送信します。クリックすると、ページが更新されます

<form action="#">
    <input type="text" name="username"/><br/>
    <input type="password" name="password"/><br/>
    <input type="submit" value="登录"/></form>

データを送信する前にフォーム データをチェックしたい場合:

チェック関数が false を返すと、デフォルトの送信動作が阻止され、フォーム データが送信されなくなります(ページの更新を防ぎます)

注:

onsubmit=

"

return check()"のreturnは省略できません 2. 通常のボタンは、

onclickイベントなどのJSのみと一致する必要があります。 通常のボタンと の使用法は同じです

注: が含まれていない場合;form> フォーム、そのブラウザのデフォルトのタイプはボタンです

そして、 が 要素の type 属性に異なるデフォルト値を使用します。 ;

したがって、常にタイプ値を設定するボタンを使用することをお勧めします。

要約:

はフォームとして使用されます。データ送信ボタン、デフォルトでページが更新されます

および 同様に、これは通常のボタンであり、デフォルトではページを更新しません。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

• 推奨読書:

  jest がネイティブコンポーネントに反応することをテストする手順は何ですか

  新規要素ノードを追加するJavaScript
  

  JSの暗黙的呼び出しの詳細説明
  

以上がボタンとフォームの入力の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。