通过香草javascript提交表单后，如何删除用户在输入标签中输入的输入？答案

【问题标题】：How do I remove the input typed in by user in an input tag after form submission through vanilla javascript?通过香草javascript提交表单后，如何删除用户在输入标签中输入的输入？
【发布时间】：2021-10-22 15:25:51
【问题描述】：

 &lt;input type="number" class="setter" id="day-set" name="day-set" value="day"max="30" min="0" placeholder="00"onkeyup="if(parseInt(this.value)&gt;30){ this.value =30; return false;}"&gt;

当按下提交按钮（不刷新页面的那个）时，如何清除用户在输入字段中输入的输入

【问题讨论】：

类似问题stackoverflow.com/questions/17237772/…
在你的按钮上设置一个回调函数，触发输入值的重置。

标签： javascript html function input

【解决方案1】：

您可以将其添加到按钮的 onclick 函数中，并将 myForm 替换为表单元素的 id

document.getElementById("myForm").reset();

【讨论】：

【解决方案2】：

   <html>
    <body>
    
      <p>Clear the input field when you click on the button:</p>
      <button onclick="document.getElementById('myInput').value = ''">Clear input 
       field</button>
    
      <input type="text" value="Blabla" id="myInput">
    
    </body>
   </html>

您还可以在函数中的脚本标记之间编写 javaScript 或任何其他您想要的方式。

【讨论】：

【解决方案3】：

您可以创建一个函数并将其添加到表单的 onSubmit 事件中（假设您有一个表单），然后在该函数内部您只需要使用以下内容清除值：

document.getElementById('day-set').value = ''

例子：

<form onsubmit="myFunction()">
   <input type="number" class="setter" id="day-set" name="day-set" value="day"max="30" min="0" placeholder="00"onkeyup="if(parseInt(this.value)>30){ this.value =30; return false;}">
  <input type="submit">
</form>

<script>
 function myFunction(){
  document.getElementById('day-set').value = ''
 } 
</script>

【讨论】：