javascript获取所有表单元素的value值
分类:实例代码
本章节分享一段代码实例,它实现获取表单中所有元素value属性值的功能。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> window.onload=function(){ var x=document.getElementById("myform"); var oshow=document.getElementById("show"); var str=""; for (var i=0;i<x.length;i++){ str=str+x.elements[i].value+"<br/>"; oshow.innerHTML=str; } } </script> </head> <body> <form id="myform" action="form_action.aspx"> 姓名: <input type="text" name="username" value="antzone"><br> 地址: <input type="text" name="address" value="青岛市南区"><br> <input type="submit" value="提交表单"> </form> <p id="show"></p> </body> </html>