本文详细解析了一个HTML注册页面的源代码，包括表单元素如文本输入框、密码输入框、单选按钮、复选框等的使用，以及如何通过表单收集用户信息。
<html>
<head>
<title>注册页面</title>
<meta charset="UTF-8"/>
<!--
http://127.0.0.1:8020/HTML%E5%AD%A6%E4%B9%A0/15-HTML-%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.html?
uname=zhangsan&pwd=123&mail=123123&phone=123123123&sex=1
&fav=1&fav=2&address=1&intro=123123123&agree=1#
-->
</head>
<body>
<h3>注册页面</h3>
<hr />
<form action="#" method="get">
<table border="1px" cellspacing="0" cellpadding="5px">
<tr height="35px">
<td width="70px">用户名:</td>
<td width="200px">
<input type="text" name="uname" id="uname" value="" />
</td>
</tr>
<tr height="35px">
<td>密码:</td>
<td>
<input type="password" name="pwd" id="pwd" value="" />
</td>
</tr>
<tr height="35px">
<td>邮箱:</td>
<td>
<input type="text" name="mail" id="mail" value="" />
</td>
</tr>
<tr height="35px">
<td>手机号:</td>
<td>
<input type="text" name="phone" value="" />
</td>
</tr>
<tr height="35px">
<td>性别:</td>
<td>
男<input type="radio" name="sex" id="sex" value="1" checked="checked"/>
女<input type="radio" name="sex" id="sex" value="0" />
</td>
</tr>
<tr height="35px">
<td>爱好:</td>
<td>
<input type="checkbox" name="fav" id="fav" value="1" />唱歌
<input type="checkbox" name="fav" id="fav" value="2" />打球
<input type="checkbox" name="fav" id="fav" value="3" />旅游
</td>
</tr>
<tr height="35px">
<td>籍贯:</td>
<td>
<select name="address" id="">
<option value="1">商丘</option>
<option value="2">菏泽</option>
<option value="3">信阳</option>
</select>
</td>
</tr>
<tr height="35px">
<td>个人介绍:</td>
<td>
<textarea name="intro" rows="4" cols="20"></textarea>
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="checkbox" name="agree" id="agree" value="1" />是否同意本公司的协议
</td>
</tr>
<tr height="35px">
<td colspan="2" align="center">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
