如何在提交后清除字段?

问题描述:

我想在发送数据后重置字段的值。有没有人有提示如何清除使用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> 
+0

表单有一个重置方法 –

像Jaromanda说是有reset method for form elements

要使用它,您将需要已经有一个正确的形式。然后你正在谈论发送数据。为此,您需要一个submit按钮。 在此之后重置您的内容,您可以将提交事件绑定到使用表单的重置方法的函数。

这里是一个小提琴:https://jsfiddle.net/r56nvn51/1/

+0

不客气,如果这个回答适合你,你可以点击答案等级下面的标记。请参阅[关于如何接受答案的帮助](http://*.com/help/someone-answers)! –

如果您使用的输入元素与提交type属性就会发送这个数据和复位可复位输入的页面。

除了这样做,你将需要添加一些脚本。

而且您不需要按钮元素中的类型。