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