1. ホーム
  2. javascript

[解決済み] <button type="button">は何のためにあるのですか?

2023-07-14 10:30:07

質問

質問 <button type="button> とは違うのでしょうか? <button> に、空白や欠落のある type 属性がない場合はどうなりますか?MDN と HTML5 仕様によると type=button はカスタム JavaScript を起動するためのボタンであると書かれていますが、それはまた <button> がデフォルトで行うことではありませんか?

どのように解決するのですか?

はい、理由はあります - ただし、(通常は)あなたが <form> 要素にある場合のみです。

form 要素に通常のボタンであることを指定せずにボタンを含めると、デフォルトでサブミットボタンになります。

<form>
    <button>I will submit the form when clicked!</button>
</form>

<form>
    <button type='button'>I won't!</button>
</form>

を想定しています. type=submit であるため type 属性が指定されていないためです。


もし、あなたが <強い ではない の中に <form> 要素がない場合、ボタンには何も送信されないので、それほど重要ではありません :)

セマンティクスは通常、アプリケーションの寿命のある時点で重要になります。 type .


他に関連する理由としては、スタイリング・ルールで [type=button] などを指定するスタイリング・ルールがある場合です。 それは推奨されませんが。