如何通过香草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();

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

<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>

你也可以在函数的script标签之间或任何你想要的方式编写javaScript。

相关内容

  • 没有找到相关文章

最新更新