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