如何在提交後清除字段？

Question

我想在發送數據後重置字段的值。有沒有人有提示如何清除使用JavaScript的字段？

 <div class="form-group"> 
      <label>Código da Matéria</label> 
      <input required class="form-control" type="text" name="codigoMateria"/> 

     </div> 

     <div class="form-group"> 
      <label>Nome</label> 
      <input required class="form-control" type="text" name="nome"/> 
     </div> 
    </div> 

    <div class="row text-left"> 
     <div class="col-md-4 col-md-offset-4"> 
      <button type="button" class="btn btn-primary btn-block">Salvar</button> 

Answer 1

像Jaromanda說是有reset method for form elements。

要使用它，您將需要已經有一個正確的形式。然後你正在談論發送數據。爲此，您需要一個submit按鈕。 在此之後重置您的內容，您可以將提交事件綁定到使用表單的重置方法的函數。

這裏是一個小提琴：https://jsfiddle.net/r56nvn51/1/

Answer 2

如果您使用的輸入元素與提交type屬性就會發送這個數據和復位可復位輸入的頁面。

除了這樣做，你將需要添加一些腳本。

而且您不需要按鈕元素中的類型。