提交后如何清除栏位？

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所说的，表单元素有一个重置方法 。

要使用它，您需要已经有正确的表格。 然后，您正在谈论发送数据。 为此，您需要一个submit按钮。 在此之后，您可以重置内容，然后可以将Submit事件与使用表单的reset方法的函数绑定。

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

Answer 2

如果将input元素与Submit type属性一起使用，它将发送数据并重置页面，页面将重置输入。

除此之外，您还需要添加一些脚本。

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