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