ブートストラップ電子メールフォームの設定

Question

誰かが私がHTMLに慣れていないことを願って、最近Dreamweaverのテンプレートから適合したWebサイトを作成しました。しようとしただけでは、アクティブに設定する方法を見つけることができません。以下は私がこれまでページのために持っていたものです。

  <section id="contact-text" class="inactive"> 
         <div class="col-sm-12 col-md-12"> 
          <div class="row"> 
           <div class="col-sm-12 col-md-12"><h2>Contact</h2></div> 
           <div class="clearfix"></div> 
          </div> 

          <div class="row"> 
           <div class="col-sm-6 col-md-6"> 
            <div id="map-canvas"></div> 
            <p></p> 
           </div> 

           <div class="col-sm-6 col-md-6"> 
            <form action="#" method="post"> 

              <div class="form-group"> 
               <!--<label for="contact_name">Name:</label>--> 
               <input type="text" id="contact_name" class="form-control" placeholder="Name" /> 
              </div> 
              <div class="form-group"> 
               <!--<label for="contact_email">Email:</label>--> 
               <input type="text" id="contact_email" class="form-control" placeholder="Email Address" /> 
              </div> 
              <div class="form-group"> 
               <!--<label for="contact_message">Message:</label>--> 
               <textarea id="contact_message" class="form-control" rows="7" placeholder="Write a message"></textarea> 
              </div> 
              <button type="submit" class="btn btn-primary">Send</button> 

            </form> 

Answer 1

フォームを作成するときに、アクションを定義する必要があります。あなたは彼の行動は「ポスト」「＃」という名前のファイルに情報（送信）をすることであることを、あなたのフォームを言っているこの場所で

<form action="#" method="post"> 

。まず第一に、あなたはaction.phpのようなPHPファイルをcreacte、そこに以前の行動属性する必要があります。このPHPファイルで

<form action="action.php" method="post"> 

あなたの変数を取得し、メールで送信します。

これを行うには、thisポストやインターネット上で見つかるその他のヒントを読んでください。

最後のこと：フォームをユーザーが送信したときにページをリロードする必要がない場合は、AJAXを使用する必要があります。これについてのドキュメントもありますhere