清除输入字段而不重新加载页面

Question

我有一个输入字段，用户在测验结束时输入名称，我尝试了各种清除字段的方法。该页面无法重新加载，因为用户可以重新开始测验。

这是我的HTML：

    <div class="js-quiz-submit">
    <input type="text" class="js-name" placeholder="Please Enter Your Name"/>
    <input type="button" class="js-submit" value="Submit"/>
    </div>

Answer 1

如果输入字段的格式为#quiz-form，则可以按以下方式清除表单字段：

var form = document.querySelector('#quiz-form');
form.reset();

Answer 2

我想更好的方法是：

document.querySelector(".js-name").value = "";

Answer 3

HTML：

<div class="js-quiz-submit">
  <input type="text" id="js-name" class="js-name" placeholder="Please Enter Your Name"/>
  <input type="button" class="js-submit" value="Submit"/>
</div>

使用Javascript：

document.getElementById('js-name').value='';