如何在输入表单中使用 reset() 函数？

【问题标题】：how can i use reset() function in input form?如何在输入表单中使用 reset() 函数？
【发布时间】：2020-08-31 18:13:41
【问题描述】：

当我提交任何值时，我想自动重置文本框。有什么建议我该怎么做？我的代码如下：

<!DOCTYPE html>
<html>
<body>
<ul id="myList">
</ul>
<input type="text" id="myText" value="">
<button onclick="myFunction()">SUbmit</button>
<script>
function myFunction() {
  var element = document.createElement("li");
  var textnode = document.createTextNode(myText.value);
  element.appendChild(textnode);
  var list = document.getElementById("myList");
  list.insertBefore(element, list.childNodes[0]);
}
</script>
</body>
</html>

【问题讨论】：

myText.value = '' ?
提交？我没有看到表单
这能回答你的问题吗？ Clearing my form inputs after submission

标签： javascript html css

【解决方案1】：

在您的提交处理程序中，您只需首先找到该字段。你可以用getElementById()做到这一点：

var myText = document.getElementById('myText')

然后，将其值设置为空字符串：

myText.value = '';

<!DOCTYPE html>
<html>
<body>
<ul id="myList">
</ul>
<input type="text" id="myText" value="">
<button onclick="myFunction()">SUbmit</button>
<script>
function myFunction() {
  var myText = document.getElementById('myText');
  var element = document.createElement("li");
  var textnode = document.createTextNode(myText.value);
  element.appendChild(textnode);
  var list = document.getElementById("myList");
  list.insertBefore(element, list.childNodes[0]);
  myText.value = '';
}
</script>
</body>
</html>

【讨论】：