エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【HTML】typeに何も書かなかった時のbuttonタグの挙動。【295日目】

buttonタグについて質問されたので

昨日の記事でbuttonタグについて質問されたので。

よくある使い方

<form>
    <input></input>
    <button type="submit"></button>
</form>

これで、formのinputタグに書かれた内容を、pustで送る送信ボタンという使い方

typeを書かなかったら

自動的に、submitとして扱われます。

submitしたくない時は、 type=buttonと明確に書きましょう

submitをJavaScriptで書いている時

submitをJavaScriptで書いている時には、IEだけ二重で送信されたりと、
思わぬ挙動をする時があります。

詳しくは、こちらの記事で。

willow710kut.hatenablog.com