フォームメールを作ってください。 具体的に作って欲しいファイルは以下の5つです。 form.html email.php config.inc.php locale.inc.php rewrite.txt これらのファイルの仕様について、以下に説明いたします。 ## ------------------------------------------------------------ ## form.html の仕様(ここから) ## ------------------------------------------------------------ form.htmlはフォームを表示するHTMLファイルです。 **切り出し可能にする** フォームは、form.html から切り取って、他のページ(ブログの記事など) に貼り付ける予定ですので、bodyタグ内にHTML、JavaScript、CSSなどすべて まとめてください。フォームが、headタグ内の JavaScript、CSS に頼らなくても、 正しく表示され、正しく動作するようにしてください。 後で切り出ししやすいように、切り出しすべきコードの最初と最後に、 "フォームの切り出し(ここから)"、"フォームの切り出し(ここまで)" といったコメントを入れといてください。 **フォームの項目** ### 名前 - 最大50文字まで入力できるテキストボックスです。 - 必要項目です。 ### Eメール - 最大200文字まで入力できるテキストボックスです。 - 必要項目です。 ### 性別 - "男"と"女"の2つの選択肢を持つラジオボタンです。 - 必要項目です。 **送信ボタン** フォームに一番下に"送信する"と書かれた送信ボタンを加えてください。 **送信の手順** 送信ボタンがクリックされたら、フォームのデーターをJSONの形で集めて、 Ajaxを用いて、email.phpに送ってください。 email.php のURLパスは、後で設定しやすいように、スクリプトの一番上に const で定義しておいてください。その上の行で、説明をコメントとして 追加しておいてください。 email.phpが"OK"の文字列を返したら、フォームをページから削除して、 "メールが送信されました。"というメッセージを表示してください。 このメッセージは、目立つようにスタイリッシュなdivの中で表示してください。 email.phpから、"OK"以外の文字列が返ってきたら、その文字列はエラーメッセージです。 このエラーメッセージをダイアログボックスで表示してください。 ダイアログボックスはdivを用いて作ってください。(alert()は使用しないでください。) ダイアログボックスはポップアップ形式ですので、フォームの上に重なります。 ダイアログボックスには、"OK"ボタンがあり、これをクリックするとダイアログボックス が閉じるようにしてください。 **スタイル** フォームのデザインはレスポンシブデザインでお願いします。 フォームのスタイルは明るめで知的な感じがするスタイルにしてください。 フォームの項目は、フォーカスがある場合、青くてファジーなoutlineをつけてください。 ラジオボタンは、縦横とも、1emの大きさの正方形にしてください。 ## ------------------------------------------------------------ ## form.html の仕様(ここまで) ## ------------------------------------------------------------ ## ------------------------------------------------------------ ## email.php の仕様(ここから) ## ------------------------------------------------------------ email.phpは、form.html 内のフォームに入力されたデーターを受取り、それをEメールとして送信します。 メールの配信の仕方に関してはおまかせしますが、メールの内容は UTF-8 でエンコードされているので、 UTF-8 の文字列が文字化けしないよう十分気をつけてください。 senderのEメール・アドレスのように、後で設定する可能性がある項目は、 すべて config.inc.php にまとめてください。 メールの送信に成功したら、"OK"という文字列を返してください。 メールの送信が成功しなかった場合は、エラーメッセージを返してください。 エラーメッセージは、すべて locale.inc.php で定義してください。 エラーメッセージの中に、senderのEメールアドレスとか、メールサーバーのアドレスなど、 サイト固有の情報を書かないでください。これはセキュリティ上の理由です。 email.php の冒頭で、config.inc.php と locale.inc.php を include してください。config.inc.php と locale.inc.php は email.php と同じフォルダー内にあると想定してください。 ## ------------------------------------------------------------ ## email.php の仕様(ここまで) ## ------------------------------------------------------------ ## ------------------------------------------------------------ ## config.inc.php の仕様(ここから) ## ------------------------------------------------------------ config.inc.php 内に、email.php で使用される設定項目を定義します。 定義の形式は以下のようになります。 //--(設定項目に関する説明をここに書く) $cfg["key"]=value; ## ------------------------------------------------------------ ## config.inc.php の仕様(ここまで) ## ------------------------------------------------------------ ## ------------------------------------------------------------ ## locale.inc.php の仕様(ここから) ## ------------------------------------------------------------ locale.inc.php 内に、email.php で使用される文字列を定義します。 定義の形式は以下のようになります。 //--(設定項目に関する説明をここに書く) $lca["key"]="文字列"; ## ------------------------------------------------------------ ## locale.inc.php の仕様(ここまで) ## ------------------------------------------------------------ ## ------------------------------------------------------------ ## rewrite.txt の仕様(ここから) ## ------------------------------------------------------------ このプロンプトすべてを理解した後、あなたが一番わかりやすい形のプロンプトに 書き直してください。これが、rewrite.txt のコンテンツになります。 ## ------------------------------------------------------------ ## rewrite.txt の仕様(ここまで) ## ------------------------------------------------------------ 以上です。なにか疑問点がありましたら、お気軽に質問してください。