HTML
📝 フォームの送信ボタンが動かない
type="submit" の書き忘れ
😰 こんな症状
フォームの送信ボタンを押しても何も起きない。
🔍 原因
<button> タグに type="submit" が指定されていない。デフォルトは type="submit" だが、JavaScript で制御している場合は type="button" になっていることがある。
❌ エラーが起きるコード
<form><button>送信</button></form>
<!-- action 属性がない -->✅ 直し方
<button type="submit">送信</button> と書く。<form> タグで囲まれているか確認する。
✅ 修正後のコード
<form action="/submit" method="POST"><button type="submit">送信</button></form>この解決法は役立ちましたか？
🔗 関連するエラー
- スタイルが反映されない — CSSファイルが読み込まれていない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
- リンクをクリックしても何も起きない — href 属性の書き忘れ
- 文字化けする — charset の指定がない
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説