form要素

解説

form要素は、入力欄全体を囲い、送信先と送信方法を定めるHTML要素です。この中に置かれた入力欄の値が、送信ボタンを押した時点でまとめて送られます。送信先は action 属性、送信方法は method 属性で指定します。

<form action="/contact" method="post">
  …入力欄…
</form>

formの外に置いた入力欄は送信されない

入力欄がformタグの外にあると、画面上は同じ並びに見えても値が送られません。あとから項目を追加したときに起きやすく、「特定の項目だけ空で届く」という形で表面化します。受け取ったデータに欠けがあるときは、HTMLの入れ子関係を先に確認します。

自社で実装するなら送信後の挙動まで決めておく

フォーム作成ツールを使う場合、この部分はツール側が生成します。自社で実装する場合は、送信先の処理だけでなく、入力エラーのときにどの画面へ戻すか、二重送信をどう防ぐか、CSRF対策をどう入れるかまで含めて設計します。送信ボタンを連打されても問い合わせが重複しないようにしておくと、同一内容の二重対応を減らせます。

送信の不具合は問い合わせの減少として現れる

フォームが正しく動いていないとき、お客様は別の手段で連絡するか、そのまま離れます。問い合わせ件数が理由もなく落ちた場合、フォームの不具合を疑う価値があります。改修のたびに、実際に送信して完了画面と受信箱の両方まで届くかを確かめてください。