“实例:表单验证”的版本间的差异
来自CloudWiki
(→实例:用户调查表) |
|||
第8行: | 第8行: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function show(){ | function show(){ | ||
− | var f= | + | var f=document.forms["myForm"]; |
var x=""; | var x=""; | ||
x +="姓名 "+f.name.value+"<br>";; | x +="姓名 "+f.name.value+"<br>";; | ||
第27行: | 第27行: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <form name=" | + | <form name="myForm" action="" method="post"> |
姓名:<input type="text" name="name" size="6"> <br> | 姓名:<input type="text" name="name" size="6"> <br> | ||
性别:<input type="radio" name="sex" value="男" checked="checked"> 男 | 性别:<input type="radio" name="sex" value="男" checked="checked"> 男 |
2018年2月9日 (五) 10:02的版本
实例:用户调查表
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function show(){ var f=document.forms["myForm"]; var x=""; x +="姓名 "+f.name.value+"<br>";; for(i=0;i<f.sex.length;i++){ if(f.sex[i].checked){ x += f.sex[i].value+"<br>";; } } x += "喜欢的爱好:"; for(i=0;i<f.inst.length;i++){ if(f.inst[i].checked){ x += f.inst[i].value+"、"; } } document.getElementById("demo").innerHTML=x; } </script> </head> <body> <form name="myForm" 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> <p id="demo"></p> </body> </html>