簡易コーポレートサイトを作成する #2 -お問合せページ編- - Qiita

概要 ここでは簡単なお問合せフォーム（コンタクトページ）を作成します。 まだお問合せ内容を受け取るサーバ側の仕組み（API）は存在しないので送信する手前（送信内容の確認）までの機能を作ってみます。 フロントエンド開発全行程完了時のイメージ 完成イメージ 通常のときの見た目。 お名前、email、お問合せ内容の３つ。送信ボタンを押すとサーバに送信する想定。 エラーメッセージ表示時。 各値を検証（バリデーション）してエラーがあれば表示し、送信はしない。 送信内容の確認。 各値を検証（バリデーション）して問題がなければサーバ側に送信。 ただ、現状ではサーバ側で受け取る仕組み（API）ができていないので、送信する値をアラート画面で表示させる実装をしてみます。 コンタクトページ作成 contact.html作成 websiteフォルダ内にcontact.htmlを作成します。 基本構造 ヘッダ・フッ