第三周

初学HTML,感觉什么都不懂,这是第一次的作业,虽然中间很多都是老师给的源代码,只是做部分修改,还是觉得好难好难,不够总算是成功了,哈哈。还想把它做成表格的,更完美的呢,可惜技术不到家喽。再接再厉,努力加油*=* *=*

<html> <head>  <title> HTML</title> </head> <body >  <h1>会员注册界面</h1> <form action="file:///D|/process.aspx" method="post" name="f1">  用户名称:<input type="text" name="user" value="张三  "id="t1"></br>  联系电话:<input type="text" value="13705025431  "id="t2"></br>  密码:<input type="password"id="t3"></br>  确认密码:<input type="password"id="t4"onblur="judge();"></br>  性别:<input type="radio" name="male" value="male  " id="m1" checked="true">男  <input type="radio" name="male" value="female  ">女    </br>  爱好

 <input type="checkbox" name="sport" value="  sport" checked="true"id="s1">体育<br>  <input type="checkbox" name="music" value="  music"id="s2">音乐<br>  <input type="checkbox" name="wenxue" value="  wenxue"id="s3">文学<br>  <input type="checkbox" name="qita" value="  qita"id="s4">其他<br>  <input type="button" value="测试" id="tbtn"  name="sub" onClick="ok()"/> </br>    特长     <select name ="sports"id="sports"  > <option id="q1" value="  书法">书法</option> <option id="q2" value="  文学写作">文学写作</option> <option id="q3" value="  阅读">阅读</option> </select> </form> <script type="text/javascript"> function judge() {     var str1=document.getElementById("t3").value;     var str2=document.getElementById("t4").value;     if(str1!=str2) alert("input again");     document.getElementById("t4").value; } function ok() {  var str="";  str +=document.getElementById("t1").value;     str +=document.getElementById("t2").value;    var bm=document.getElementById("m1").checked;  if(bm) str +=" 男";  else str +=" 女";       var b=document.getElementById("s1").checked;  if(b) str+=" 体育";        b=document.getElementById("s2").checked;  if(b) str+=" 音乐";        b=document.getElementById("s3").checked;  if(b) str+=" 文学";        b=document.getElementById("s4").checked;  if(b) str+=" 其他";    var obj=document.getElementById("sports")          var index=obj.selectedIndex         str+= obj.options[index].value    

 

document.write(str); }

</script> </body>

</html>

posted @ 2016-03-17 20:58  囡囡&喃喃  阅读(129)  评论(1编辑  收藏  举报