如何使用javascript将表单字段重置为默认值

我有两张表格。form1的字段数据正在发送到form2。form2有1个设置3个内联输入框和1个重置按钮。当我单击重置按钮时，form1将返回默认状态而不刷新页面。我如何才能做到这一点

**表格1**

<form id="formDrink" onclick="submit1(this.drinkname,this.drinkprice,this.drinkquantity)" >

      
<input type="text" id="drinkname" name="drinkname"  value="{{$drink->product_name}}">
 <input type="hidden"  id="drinkquantity" value="0" >
 <input type="text" id="drinkprice" name="drinkprice" value="{{$drink->selling_bottle}}">
</form>

---

我不知道为什么我的javascript不工作。我尝试了各种可能的方法，但我无法将form1的字段重置为其默认值。

这就是重置输入类型的作用：

为什么不将按钮类型设置为“重置”<代码>重置我都已经做了，但没有用。数据来自form1。重置form2将不起作用。我想重置form1，然后只需在form1中放置一个重置按钮。

<form  class="form-inline"  id="kot">                                            
<input type="text" id="drinkName"   name="drinkname"  value="" readonly="">
<input type="text" id="drinkQuantity"   name="drinkquantity"  value="" readonly="">
<input type="text" id="drinkPrice"   name="drinkprice"  value="" readonly="">
<input type="button" id="resetForm"  onclick="drinkRemover()"  value="reset" />
</form>                                               

 function drinkRemover(){
        $("#formDrink")[0].reset();
    }