Form 表单重置
程序员文章站
2022-07-13 13:46:09
...
在重置按钮在form表单中,可以加入一个input, type="reset":
Form重置代码
- <form >
- <input type="text"/>
- <input type="reset" value="reset" />
- </form>
在重置按钮不在form表单中,上面的重置按钮就不管用了,如何重置表单中的内容呢?
内容重置的实现:
Js代码
- <script type="text/javascript">
- function ResetControl() {
- var v = document.forms[0].elements;
- for (var i = 0; i < v.length; i++) {
- if (v[i].type == "text") {
- v[i].value = "";
- } else if (v[i].type == "select-one") {
- v[i].options[0].selected = true;
- }
- }
- }
- </script>