<html>
<head>
<title></title>
<meta content="Content-Type" content="text/html;charset=utf-8"/>
<style></style>
<script language="javascript">
<!--
function showExtends(){
var tab = document.getElementById("extends");
//alert(tab.innerHTML);
//alert(tab.outerHTML);
//alert(tab.style.display);
if(tab.style.display == "none"){
tab.style.display = "block";
}else if(tab.style.display == "block"){
tab.style.display = "none";
}
delete tab;
}
function test(){
//document.location.href="yyy.html";
//document.location.assign("yyy.html");
//alert(window.confirm("xxx?"));
//alert(window.prompt());
}
function onLoad(){
var input = document.getElementById("username");
input.focus();
delete input;
}
function onFocus(){
var birth = document.getElementById("birth");
birth.value="";
delete birth;
}
-->
</script>
</head>
<body background="/home/tarena/笔记/java/HTML/images/133.jpg" onload="onLoad()">
<h1 align="center"><em>注册页面</em></h1>
<hr size=3>
<form>
<table align="center" border=1 width="400" height="150" cellspacing="3" style="display:block">
<tr>
<td align="center" colspan=2><b><em>基本信息</em></b></td>
</tr>
<tr>
<td>用户名</td>
<td><input id= "username" type=text size=25 ></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" size="25"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" size="25"></td>
</tr>
<tr>
<td>高级选项</td>
<td>
<input type="checkbox" onclick="showExtends()"/>显示用户扩展信息设置选项</td>
</tr>
</table>
<hr size=5>
<table id = extends align="center" width="500" height="280" border=1 cellpandding="3" style="display:none" >
<tr>
<td align="center" colspan=2><b><em>扩展信息</em></b></td>
</tr>
<tr>
<td>安全问题</td>
<td>
<select>
<option value="bm"/>宝马
<option value="bc" selected/>奔驰
<option value="ad"/>奥迪
<option value="hq"/>红旗
</select>
</td>
</tr>
<tr>
<td>回答</td>
<td><input type="text" size="25"/></td>
</tr>
<tr>
<td>性别</td>
<td>
男:<input type="radio" name="gender" value="male" checked/>
女:<input type="radio" name="gender" value="female"/>
guy:<input type="radio" name="gender" value="guy"/>
less:<input type="radio" name="gender" value="less"/>
</td>
</tr>
<tr>
<td>生日</td>
<td><input id="birth" type="text" size="25" onfocus="onFocus()" value="yy-hh-dd"/></td>
</tr>
<tr>
<td>爱好</td>
<td>
上网<input type="checkbox"/>
聊天<input type="checkbox" checked/>
学习<input type="checkbox"/><br/>
游戏<input type="checkbox"/>
足球<input type="checkbox"/>
篮球<input type="checkbox"/>
</td>
</tr>
<tr>
<td>个人简介</td>
<td>
<textarea cols="20" ></textarea>
</td>
</tr>
<tr>
<td align="center" colspan=2>
<input type="submit" name="s1" value="提交"/>
<input type="reset" name="s2" value="重置"/>
<input type="button" name="s3" value="按钮" onclick="test()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
posted on 2009-04-19 02:20
雨飞 阅读(76)
评论(0) 编辑 收藏