如何在提交后清除字段?
问题描述:
我想在发送数据后重置字段的值。有没有人有提示如何清除使用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>
答
像Jaromanda说是有reset method for form elements。
要使用它,您将需要已经有一个正确的形式。然后你正在谈论发送数据。为此,您需要一个submit
按钮。 在此之后重置您的内容,您可以将提交事件绑定到使用表单的重置方法的函数。
这里是一个小提琴:https://jsfiddle.net/r56nvn51/1/
+0
不客气,如果这个回答适合你,你可以点击答案等级下面的标记。请参阅[关于如何接受答案的帮助](http://*.com/help/someone-answers)! –
答
如果您使用的输入元素与提交type属性就会发送这个数据和复位可复位输入的页面。
除了这样做,你将需要添加一些脚本。
而且您不需要按钮元素中的类型。
表单有一个重置方法 –