繁体   English   中英

通过vanilla javascript提交表单后,如何删除用户在输入标签中输入的输入?

[英]How do I remove the input typed in by user in an input tag after form submission through vanilla javascript?

 <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;}">

如何在按下提交按钮时清除用户在输入字段中输入的输入(不刷新页面的按钮)

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

document.getElementById("myForm").reset();
   <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。

您可以创建一个函数并将其添加到表单的 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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM