实例:表单验证

来自CloudWiki
Cloud17讨论 | 贡献2018年2月9日 (五) 00:32的版本
跳转至: 导航搜索

实例:用户调查表

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function show(){ var f=form; var str=""; alert("姓名 "+f.name.value); for(i=0;i<f.sex.length;i++){ if(f.sex[i].checked){ str+=f.sex[i].value; } } alert(str); str="喜欢的运动:"; for(i=0;i<f.inst.length;i++){ if(f.inst[i].checked){ str+=f.inst[i].value+"、"; } } alert(str); } </script> </head> <body> <form name="form" action="" method="post"> 姓名:<input type="text" name="name" size="6"> <br> 性别:<input type="radio" name="sex" value="男" checked="checked"> 男 <input type="radio" name="sex" value="女">女 <br> 兴趣:<input type="checkbox" name="inst" value="游泳" checked="checked">游泳 <input type="checkbox" name="inst" value="滑冰">滑冰 <input type="checkbox" name="inst" value="编程">编程 <input type="button" value="显示" onclick="show()"> </form> </body> </html>