HTML
📝 フォームの送信ボタンが動かない
type="submit" の書き忘れ
😰 こんな症状
フォームの送信ボタンを押しても何も起きない。フォームを初めて作るときに遭遇しやすいよ。
🔍 原因
ブラウザはform内のtype="submit"ボタンがクリックされたときにフォームを送信するよ。buttonタグのtype属性が"button"になっていたり、そもそもformタグで囲まれていなかったりすると、送信処理が発動しないんだ。JavaScriptでpreventDefault()が呼ばれている場合も送信されないよ。
❌ エラーが起きるコード
<form><button>送信</button></form>
<!-- action 属性がない -->✅ 直し方
1. <button type="submit">送信</button>とtype属性を確認する。 2. ボタンが<form>タグの中にあるか確認する。 3. JavaScriptでe.preventDefault()が呼ばれていないか確認する。 4. formタグにaction属性（送信先URL）が指定されているか確認する。
✅ 修正後のコード
<form action="/submit" method="POST"><button type="submit">送信</button></form>この解決法は役立ちましたか？
🔗 関連するエラー
- リンクをクリックしても何も起きない — href 属性の書き忘れ
- フォームバリデーションが効かない — formタグの外にinputがある
- iframe の sandbox で JS が動かない — iframeのsandbox属性でJSが動かない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- HTMLとは？初心者向けにわかりやすく解説 — タグの書き方・ページ構造の基本
- HTMLのパス（相対パス・絶対パス）の書き方 — パスの書き方を初心者向けに解説