2015-11-01 84 views
-1

在下面的HTML代碼,爲什麼重置按鈕在這裏不起作用?

<h1>Our Contact Form</h1> 
     <hr> 
     <form action="process_form.php" method="get"> 
      <p> 
      Title: <input type="radio" name="title" value="mr"> Mr 
        <input type="radio" name="title" value="mrs"> Mrs 
      </p> 
      <p> 
       First name:<br> 
       <input type="text" size="15" name="first_name"> 
      </p> 
      <p> 
       Sur name:<br> 
       <input type="text" size="15" name="surname"> 
      </p> 
      <p> 
       Gender: 
       <select> 
        <option value="select">Select Gender</option> 
        <option value="male">Male</option> 
        <option value="female">Female</option> 
       </select> 
      </p> 
      <p> 
       <input type="checkbox" name="newsletter"> Subscribe to my news letter 
      </p> 
      <p> 
       <input type="reset" name="reset" value="Reset"> 
       <input type="submit" name="submit" value="Submit"> 
      </p>   
     </form> 

如果我評論form元件(只),在上述代碼中,然後,Reset按鈕的功能NOT重置數據。

有人能幫助我理解,爲什麼?

+0

我在我的系統中試過它的工作只有 –

+0

你的代碼工作正常..看這[[小提琴](http://jsfiddle.net/lalu050/rktLvd6u/) – Lal

+0

是的,工作正常。嘗試autocomplete =「關閉」輸入類型=文本元素 –

回答

1

如果我評論表單元素(僅),在上面的代碼中,然後,重置按鈕不會重置數據。

至於我讀你的問題的復位功能是表單數據的一部分。通過評論表單元素,這個函數將不起作用。這就好像你評論表格並嘗試提交?!?如果你在函數中有一個返回值並且註釋這個函數(僅)會起作用嗎?

具有值爲「submit」的type屬性的input元素表示用於提交表單的按鈕。

具有值爲「reset」的type屬性的input元素表示用於重置表單的按鈕。

+0

提交功能在沒有'form'元素的情況下也不起作用嗎? – overexchange

+0

肯定 重置方法重置表單中所有元素的值(與提交相同)。 http://www.echoecho.com/htmlforms13.htm –

+0

如果沒有'form'元素,我不能使用提交和重置功能嗎? – overexchange

相關問題