提交后如何清除欄位？

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屬性一起使用，它將發送數據並重置頁面，頁面將重置輸入。

除此之外，您還需要添加一些腳本。

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