ホームページ  >  記事  >  ウェブフロントエンド  >  送信できないボタンをフォームの外に作成するにはどうすればよいですか?

送信できないボタンをフォームの外に作成するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-26 15:59:02961ブラウズ

How to Create a Button Outside a Form That Doesn't Submit It?

フォームの送信を拒否する HTML ボタン

質問:
HTML の外にボタンを作成するにはどうすればよいですか?クリックしてもフォームを送信しないフォームがありますか?

次のコードを考えてみましょう:

<code class="html"><form id="myform">
  <label>Label
    <input />
  </label>
</form>
<button>My Button</button></code>

ボタンにフォーム属性がないにもかかわらず、フォームは送信されます。

答え:
ボタンがフォームを送信しないようにするには、ボタンを「ボタン」タイプとして宣言する必要があります。更新されたコードは次のとおりです:

<code class="html"><button type="button">My Button</button></code>

理由:
HTML ボタンは、デフォルトで送信ボタンの状態を継承します。タイプを「ボタン」として明示的に設定することで、デフォルトをオーバーライドし、フォームの送信を防ぎます。

以上が送信できないボタンをフォームの外に作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。