61,110
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<style>
/* main_tab 中除最后一行外的第一列 */
#main_tab tr:not(:last-child)>td:first-child
{
text-align: right;
}
</style>
</head>
<body>
<form>
<table align="center">
<tr>
<td><strong>注册信息表</strong></td>
</tr>
</table>
<table id="main_tab" width="600px" align="center" border="1" cellpadding="7">
<colgroup align="right"></colgroup>
<tr>
<td>用户名:</td>
<td><input type="text" name="uname" size="10" maxlength="10"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="upwd" size="10" maxlength="10" /></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type="text" name="uage" size="1" maxlength="1"/></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="man" checked="checked"/>男
<input type="radio" name="sex" value="women"/>女
</td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" name="email" size="15" maxlength="50"/></td>
</tr>
<tr>
<td>城市:</td>
<td>
<select name="citys">
<option value="上海">上海</option>
<option value="东莞" selected="selected">东莞</option>
<option value="深圳">深圳</option>
</select>
</td>
</tr>
<tr>
<td>所属区域:</td>
<td>
<select name="areas">
<optgroup label="上海">
<option value="徐汇区">徐汇区</option>
<option value="杨浦区" >杨浦区</option>
<option value="长宁区">长宁区</option>
</optgroup>
<optgroup label="东莞">
<option value="东城区">东城区</option>
<option value="南城区" >南城区</option>
<option value="莞城区">莞城区</option>
</optgroup>
<optgroup label="深圳">
<option value="宝山区">宝山区</option>
<option value="蛇口区" >蛇口区</option>
<option value="龙华区">龙华区</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="love" value="文学"/>文学
<input type="checkbox" name="love" value="艺术"/>艺术
<input type="checkbox" name="love" value="音乐"/>音乐
</td>
</tr>
<tr>
<td>交友目标:</td>
<td>
<select name="targets" size="3" multiple="multiple">
<option value="普通朋友">普通朋友</option>
<option value="同行">同行</option>
<option value="爱人">爱人</option>
</select>
</td>
</tr>
<tr>
<td>上传照片:</td>
<td><input type="file" name="mypic" size="15" /></td>
</tr>
<tr>
<td>个人简介:</td>
<td>
<textarea name="person" cols="35" rows="6">请输入个人简历</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="完成"/>
<input type="reset" value="取消"/>
</td>
</tr>
</table>
</form>
</body>
</html>