“实例：表单验证”的版本间的差异
来自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>
