<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<style type="text/css">
table {
width: 30%;
height: 350px;
border: 1px solid white;
}
.td{text-align: right;}
.tr1{background-color: darkgrey;}
.tr2{background-color: lightgrey;}
</style>
</head>
<body>
<table>
<form>
<tr class="tr1">
<td colspan="2" align="center">用户注册</td>
</tr>
<tr class="tr2">
<td class="td">用户名</td>
<td>
<input type="text" name="UserName" maxlength="15" />
</td>
</tr>
<tr class="tr2">
<td class="td">密码</td>
<td>
<input type="password" name="UserPass" maxlength="15"/>
</td>
</tr>
<tr class="tr2">
<td class="td">性别</td>
<td>
<input type="radio" name="sex" checked="checked"/>男
<input type="radio" name="sex" />女
</td>
</tr>
<tr class="tr2">
<td class="td">爱好</td>
<td>
<input type="checkbox" name="like" />写作
<input type="checkbox" name="like" />听音乐
<input type="checkbox" name="like" />体育
</td>
</tr>
<tr class="tr2">
<td class="td">省份</td>
<td>
<select name="province">
<option value="shananxi" selected>陕西省</option>
<option value="shanx">山西省</option>
</select>
</td>
</tr>
<tr class="tr2">
<td class="td">自我介绍</td>
<td>
<textarea name="intro" cols="25" rows="5">这个家伙什么也没留下</textarea>
</td>
</tr>
<tr class="tr1">
<td colspan="2" align="center">
<input name="send" type="submit" value="提交"/>
<input name="reset" type="reset" value="重置"/>
</td>
</tr>
</form>
</table>
</body>
</html>