<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.οnlοad=function(){
}
function op(){
//获取用户名的值
var x=document.getElementById('one').value;
console.log(x);
//获取密码的值
var y=document.getElementById('two').value;
console.log(y);
var z=document.getElementsByTagName('input');
//对男 女的值进行判断循环
for(var i=0;i<z.length;i++){
if(z[i].checked){
console.log(z[i].value);
}
}
}
</head>
<body>
<div class="two">
<form>
<p class="putong">用户名:
<input type="text" id="one" name="yonghu"/>
</p>
<p class="putong">密 码:
<input type="text" id="two" name="mima"/>
</p>
<p class="putong">性 别:
<input type="radio" id="three" name="sex" value="男"/>
男
<input type="radio" id="three" name="sex" value="女"/>
女 </p>
<p class="anniu">
<input type="button" id="four" border="0" value="登录" οnclick="op()" />
<input type="reset" id="four" value="重置" />
</p>
</form>
</div>
</body>
</html>