效果图：
代码如下：
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>表单作业</title>
</head>
<body>
<form action="#">
<fieldset id="">
<legend>输入如下信息然后注册</legend>
<table border="1" align="center" width="500" height="600" cellspacing="0">
<tr>
<td width="150" align="right" style="font:'微软雅黑';">
<lable>用户名：</lable>
</td>
<td>
<input type="text" placeholder="请输入用户名"/>
</td>
</tr>
<tr>
<td align="right">
<lable>密码：</lable>
</td>
<td>
<input type="password" name="" id="" value="" placeholder="请输入密码"/>
</td>
</tr>
<tr>
<td align="right">
<lable>确认密码：</lable>
</td>
<td>
<input type="password" name="" id="" value="" placeholder="请确认密码"/>
</td>
</tr>
<tr>
<td align="right">
<lable>性别：</lable>
</td>
<td>
男<input type="radio" name="sex" id="" checked value="" />
女<input type="radio" name="sex" id="" value="" />
保密<input type="radio" name="sex" id="" value="" />
</td>
</tr>
<tr>
<td align="right">
<lable>性别(可以点文字选择)：</lable>
</td>
<td>
<fieldset id="">
<legend>请选择性别：</legend>
男<input type="radio" name="sex1" id="" checked value="" />
女<input type="radio" name="sex1" id="" value="" />
保密<input type="radio" name="sex1" id="" value="" />
</fieldset>
</td>
</tr>
<tr>
<td align="right">
<lable>城市：</lable>
</td>
<td>
<select name="">
<option value="">上海</option>
<option value="">北京</option>
<option value="">广东</option>
<option value="">甘肃</option>
<option value="">新疆</option>
<option value="">湖北</option>
<option value="">湖南</option>
<option value="">广西</option>
</select>
</td>
</tr>
<tr>
<td align="right">
<lable>城市所在区域：</lable>
</td>
<td>
<select name="">
<option value="">上海</option>
<option value="">北京</option>
<option value="">广东</option>
<option value="">甘肃</option>
<option value="">新疆</option>
<option value="">湖北</option>
<option value="">湖南</option>
<option value="">广西</option>
</select>
</td>
</tr>
<tr>
<td align="right">
<lable>交友目标：</lable>
</td>
<td>
<select name="" size="3">
<option value="">同事</option>
<option value="">同学</option>
<option value="">朋友</option>
<option value="">爱人</option>
<option value="">亲戚</option>
</select>
</td>
</tr>
<tr>
<td align="right">
<lable>爱好：</lable>
</td>
<td>
足球<input type="checkbox" />
篮球<input type="checkbox" />
乒乓球<input type="checkbox" />
羽毛球<input type="checkbox" />
</td>
</tr>
<tr>
<td align="right">
<lable>照片上传：</lable>
</td>
<td>
<input type="file" value="浏览" />
</td>
</tr>
<tr>
<td align="right">
<lable>自我介绍：</lable>
</td>
<td align="middle">
<textarea name="" id="" cols="43" rows="10"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="确认"/>
<input type="reset" value="清除"/>
<span style="font-size:14px;">提交查询</span>
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
