[解決済み] <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]
などを指定するスタイリング・ルールがある場合です。 それは推奨されませんが。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?