公開したHTMLのフォームが送信できないときの対処

症状の確認：押した後に何が起きるかを見る

送信ボタンを押したときに何も起きないのか、エラー画面に飛ぶのか、ページが再読み込みされるだけなのかを確認します。挙動によって原因の見当が変わります。

開発者ツールのコンソールとネットワークタブを開いた状態で送信を試すと、どこに向けてリクエストが飛んでいるか、エラーが返っているかがわかります。これが切り分けの起点になります。

よくある原因：送信先が決まっていない

もっとも多いのは、フォームのaction属性に送信先が指定されていない、または存在しない場所を指しているケースです。送信先が決まっていなければ、ボタンを押してもデータの行き先がありません。

また、フォームの送信処理をJavaScriptで外部サービスに渡している場合、そのサービスのキー設定やドメイン許可が済んでいないと送信が拒否されます。送信先が別ドメインのときはCORSの制限に当たることもあります。

• action属性が空、または無効な送信先になっている
• 外部フォームサービスの設定が未完了
• 送信先ドメインが許可されていない
• 必須項目の検証で止まっているのに気づいていない

症状別チェック表

公開したHTMLのフォームが送信できないは、症状を分けずに直そうとすると原因探しが長引きます。まず「自分だけで起きるのか」「全員で起きるのか」「特定ブラウザだけか」「差し替え後だけか」を切り分けます。

確認順序を固定すると、相対パス、ファイル名、キャッシュ、認証、外部読み込みのどこで止まっているかが見えます。修正後はローカル確認だけで終わらせず、実際の共有URLで再表示して、相手と同じ条件で直ったことを確認します。

• 自分だけ表示されない: キャッシュ、ログイン状態、ブラウザ拡張、端末幅を確認する
• 全員で表示されない: ファイル構成、相対パス、大文字小文字、アップロード漏れを見る
• 一部だけ崩れる: CSS/画像/JSごとに読み込みエラーを分ける
• 差し替え後だけ古い: URL、キャッシュ、更新対象ファイルの取り違えを確認する

自分でできる確認：送信先とエラーをチェックする

まずHTMLのform要素を見て、actionに正しい送信先が書かれているか確認します。外部サービスを使う場合は、そのサービス側でこのフォームが許可されているか、公開URLのドメインが登録されているかを確認してください。

ネットワークタブで送信時のリクエストを見て、エラーが返っているならその内容を読みます。403や401なら権限・認証、CORS関連の文言ならドメイン許可の問題と判断できます。

ギガサイト便での対処手順

ギガサイト便は静的コンテンツを公開する仕組みのため、サーバー側でフォーム処理を行うのではなく、外部のフォーム受付サービスに送信する構成にするのが現実的です。送信先を整えたうえでZIPにまとめて公開します。

以下の手順で見直してください。

1. 外部フォーム受付サービスを用意し、送信用のエンドポイントを発行する
2. HTMLのactionにそのエンドポイントを設定する
3. 外部サービス側で公開URLのドメインを許可する
4. 関連ファイルをまとめてZIPに圧縮する
5. ギガサイト便のトップにドラッグ＆ドロップして公開する
6. 発行URLでテスト送信し、受付サービスに届くか確認する

予防：静的公開の前提に合わせて設計する

フォームを使うページは、最初から外部の受付サービスを前提に設計しておくと公開後のトラブルを避けられます。送信先のドメイン許可は公開URLが決まってから行う必要があるため、公開後にテスト送信する工程を必ず入れましょう。

認証付きで限定的に共有する場合でも、フォームの送信先は別途設定が必要です。ギガサイト便のアクセス制御とフォームの送信処理は別物だと理解しておくと混乱しません。