第三周
初学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>