代码描述:javascript表单元素内容。javascript清空表单元素内容源码实例
本章节介绍一下如何利用javascript清空form表单所有表单元素的值,下面就通过代码实例介绍一下如何实现此功能。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> function clearForm(id){ var formObj=document.getElementById(id); if(formObj == undefined){ return; } for(var i=0; i<formObj.elements.length; i++){ if (formObj.elements[i].type == "text") { formObj.elements[i].value = ""; } else if(formObj.elements[i].type == "password"){ formObj.elements[i].value = ""; } else if(formObj.elements[i].type == "radio"){ formObj.elements[i].checked = false; } else if(formObj.elements[i].type == "checkbox"){ formObj.elements[i].checked = false; } else if(formObj.elements[i].type == "select-one"){ formObj.elements[i].options[0].selected = true; } else if(formObj.elements[i].type == "select-multiple"){ for(var j = 0; j < formObj.elements[i].options.length; j++){ formObj.elements[i].options[j].selected = false; } } else if(formObj.elements[i].type == "file"){ var file = formObj.elements[i]; if(file.outerHTML){ file.outerHTML = file.outerHTML; } else{ file.value = ""; } } else if(formObj.element[i].type == "textarea"){ formObj.elements[i].value = ""; } } } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ clearForm("myform") } } </script> </head> <body> <form id="myform" action="#"> <ul> <li>用户名:<input type="text" name="username" value="51前端"/></li> <li>密码:<input type="text" name="pw" /></li> <li><input type="button" id="bt" value="查看效果" /></li> </ul> </form> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能