本文展示了如何使用HTML创建一个简单的QQ注册表单，包括昵称、密码、性别选择、生日选择、所在地和手机号码输入等字段。通过实例讲解了单选框、复选框、下拉列表的实现方式，并提供了代码示例。其中，单选框通过name属性分组，下拉列表可按需添加多个选项。
http://zc.qq.com/chs/index.html
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#">
<table>
<tr>
<td>昵称</td>
<td><input type="text"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password"/></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password"/></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" id="male" /><label for="male">男</label>
<input type="radio" name="sex" id="famale" /><label for="famale">女</label>
</td>
</tr>
<tr>
<td>生日</td>
<td>
<select name="">
<option value="">公历</option>
<option value="">公历</option>
<option value="">公历</option>
</select>
<select name="">
<option value="">2001年</option>
<option value="">2002年</option>
<option value="">2003年</option>
</select>
<select name="">
<option value="">1月</option>
<option value="">2月</option>
<option value="">3月</option>
</select>
<select name="">
<option value="">1日</option>
<option value="">2日</option>
<option value="">3日</option>
</select>
</td>
</tr>
<tr>
<td>所在地</td>
<td>
<select name="">
<option value="">中国</option>
</select>
<select name="">
<option value="">广东</option>
</select>
<select name="">
<option value="">珠海</option>
</select>
</td>
</tr>
<tr>
<td>手机号码</td>
<td><input type="text"/></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox"/>同时开通QQ空间</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="立即注册"/></td>
</tr>
</table>
</form>
</body>
</html>
总结的：1、单选框<input type="radio" name="sex" id="male" /><label for="male">
类型说明为单选框，name属性则将元素归为同一组(如男女)，不归为一组的话可以多选，而id的属性是当点击元素中的文字后能选中这个选框(如在网页选中男这个字，
前面的框能被选中)
2、<option value=""></option> 如果我想打印多个选项可以用option*n+tab键 n(数字)，如果我想从2001年打印到2010年则用option{200$年}*10+tab键
3、 <select name="">
<option value="">中国</option>
</select>
下拉表签
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
