javascript - 为什么我不能使用 javascript 将此表单值重置为空白?

标签 javascript html css forms

我正在制作一个计算器,但我无法使用清除按钮来清除表单字段。

计算器的其余部分工作正常,只是清除按钮有问题。我什至尝试将值本身设置为数字或字符串,但也没有任何效果。

代码如下:

function clear() {
  document.form.textview.value = '';
}
<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="clear()">

最佳答案

clear() 不能用作 Jack Bashford 在他的回答中指出的函数名称。但是,如果您使用的是表单,则应该只使用 form.reset()函数而不是手动设置值:

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="document.querySelector('form').reset()">

更好的是,只需使用重置 button :

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0"><br>
  <button class="button CE-button" type="reset">CE</button>
</form>

关于javascript - 为什么我不能使用 javascript 将此表单值重置为空白?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56086821/

相关文章:

Javascript - 将嵌套数组转换为数组对象

php - 如果 userID 具有自动增量属性,如何更新数据库行

html - 表格内容未左对齐

javascript - Bootstrap 与 jQuery 自定义内容滚动条

javascript - 尝试调用 API 端点时 Next 不是函数

javascript - 合并和聚合具有相同模式 mongodb 的两个或多个集合的某些字段

html - html表格行的行计数器

html - 列表中的图像和多个文本行

javascript - 2016 年 8 月 24 日 12 :44 AM Not valid in Safari on Mac

jquery - HTML5 视频时间跟踪