2017-07-14 2 views
-1

こんにちは私は現在、フォームの下に次のコードを使用していますが、動作しません。私は、次のコードhtmlフォームコードが正常に動作しない

<form action="#" method="post"> 
    <div class="col-md-6 col-sm-6"> 
     <input type="text" class="form-control" placeholder="Name"> 
    </div> 
    <div class="col-md-6 col-sm-6"> 
     <input type="email" class="form-control" placeholder="Email"> 
    </div> 
    <div class="col-md-6 col-sm-6"> 
     <input type="telephone" class="form-control" placeholder="Phone Number"> 
    </div> 
    <div class="col-md-6 col-sm-6"> 
     <select class="form-control"> 
      <option>Budget Select</option> 
      <option>$600 to $1200</option> 
      <option>$1200 to $2200</option> 
      <option>$2200 to $2400</option> 
      <option>$2400 to $4000</option> 
     </select> 
    </div> 
    <div class="col-md-12 col-sm-12"> 
     <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea> 
    </div> 
    <div class="col-md-3 col-sm-4"> 
     <form method="post" action="mailto:[email protected]"> 
      <input type="submit" value="Send Email" /> 
     </form> 
    </div> 
+2

2つのフォーム開始タグがあります。アクションをトップフォームタグに移動してみてください。 – Randy

+1

'mailto:'は一般的には動作しません。何らかの方法でデバイスにメールクライアントが設定されているユーザーに依存しますが、そうでない場合もあります。インターネットカフェからあなたのサイトにアクセスする場合、メールクライアントは_my_電子メールアドレスを使用するように設定されていない可能性があります。代わりにサーバー側のメーラーで適切な連絡フォームを実装する必要があります。 – CBroe

+0

助けてくれてありがとう皆さんありがとうございました –

答えて

1

てみてください、

<form method="post" action="mailto:[email protected]"> 
 
       <div class="col-md-6 col-sm-6"> 
 
        <input type="text" class="form-control" placeholder="Name"> 
 
       </div> 
 
       <div class="col-md-6 col-sm-6"> 
 
        <input type="email" class="form-control" placeholder="Email"> 
 
       </div> 
 
       <div class="col-md-6 col-sm-6"> 
 
        <input type="telephone" class="form-control" placeholder="Phone Number"> 
 
       </div> 
 
       <div class="col-md-6 col-sm-6"><select class="form-control"> 
 
        <option>Budget Select</option> 
 
        <option>$600 to $1200</option> 
 
        <option>$1200 to $2200</option> 
 
        <option>$2200 to $2400</option> 
 
        <option>$2400 to $4000</option></select> </div> 
 
       <div class="col-md-12 col-sm-12"> 
 
        <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea> 
 
       </div> 
 
       <div class="col-md-3 col-sm-4"> 
 
    
 
        <input type="submit" value="Send Email" /> </div> 
 
        </form>

+0

変更した内容を共有してください。単に新しいコードを投稿するだけで、問題の内容や解決方法を理解できません。 – Levano

+0

確かに@Levano私はフォームアクションを変更し、タグを適切に閉じました... – Santhoshkumar

+0

これはうまくいけましたが、電子メールを送信する代わりに、オプションを使って実際のフォームを送信する方法があるのだろうか?ありがとうございます –

0

は、私は、コードを修正HV理由はわかりません。以下のコードを試してください。

<form method="post" action="mailto:[email protected]" > 
      <div class="col-md-6 col-sm-6"> 
       <input type="text" class="form-control" placeholder="Name"> 
      </div> 
      <div class="col-md-6 col-sm-6"> 
       <input type="email" class="form-control" placeholder="Email"> 
      </div> 
      <div class="col-md-6 col-sm-6"> 
       <input type="telephone" class="form-control" placeholder="Phone Number"> 
      </div> 
      <div class="col-md-6 col-sm-6"><select class="form-control"> 
       <option>Budget Select</option> 
       <option>$600 to $1200</option> 
       <option>$1200 to $2200</option> 
       <option>$2200 to $2400</option> 
       <option>$2400 to $4000</option></select> </div> 
      <div class="col-md-12 col-sm-12"> 
       <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea> 
      </div> 
      <div class="col-md-3 col-sm-4"> 

       <input type="submit" value="Send Email" /> 
       </div> 

       </form> 
+0

こんにちはImranこのコードを修正していただきありがとうございます。これは動作しますが、予算選択オプションは含まれていませんが、メールは送信されます。フォームに入力された情報と一緒に提出するための方法はありますか? –

0

2つではなく1つのフォームを使用してください。そして、2番目のフォームの機能を最初のものに追加してください。

関連する問題