老师,能不能用dom2级别的写法实现呢?我用了dom2级别的写法,带班老师暂时没看出问题,但是没法实现您视频中的效果,您方便看下我的代码错在哪里吗?另外我发现就算不设置reset方法,只要点击button,都会实现清空效果,请问是bug还是?
<body>
<form id="myform",>
测试表单<br>
表单输入框1:<input type="text" id="inputframe1",name="username1"><br>
表单输入框2:<input type="text" id="inputframe2",name="username2"><br>
表单输入框3:<input type="text" id="inputframe3",name="username3"><br>
表单输入框4:<input type="text" id="inputframe4",name="username4"><br>
<button id="resetbutton" >重置</button>
<button id="submitbutton">上交</button>
</form>
<script>
//
var myform=document.getElementById(elementId="myform");
var resetbutton=document.getElementById(elementId="resetbutton");
var submitbutton=document.getElementById(elementId="submitbutton");
//
function resetfunction(event){myform.reset()};
function submitfunction(event){myform.submit()};
//
resetbutton.addEventListener(type="click",listener=resetfunction);
submitbutton.addEventListener(type="click",listener=submitfunction);
</script>
</body>