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

Mary-Kate Olsen
リリース: 2024-10-26 15:59:02
オリジナル
1029 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート