2017-07-14 42 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

您有兩種形式的開始標籤,嘗試將動作移動到頂部窗體標籤。 – 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

Sure @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

使用一種形式而不是兩種。並將第二種形式的功能添加到第一種功能