html5中如何实现用户注册表单的示例代码分享
程序员文章站
2022-04-11 16:21:33
...
用户注册
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册</title></head><body>
<h2>用户注册</h2>
<form action="" method="post">
<!-- 隐藏域 -->
<input type="hidden" name="uid" value="9527" />
<table border="0" cellpadding="0" cellspacing="0" width="400px">
<tr>
<td align="right"><label for="name">姓名：</label></td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td align="right">用户名：</td>
<td><input type="text" name="username" readonly="readonly" value="tom"/></td>
</tr>
<tr>
<td align="right">密码：</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td><input type="password" name="repwd"/></td>
</tr>
<tr>
<td align="right">电子邮箱：</td>
<td><input type="text" name="email"/></td>
</tr>
<tr>
<td align="right">性别：</td>
<td>
<input type="radio" name="sex" value="male" checked="checked" id="male" />
<label for="male"><img src="images/Male.gif"/>男</label>
<input type="radio" name="sex" value="female"/>
<img src="images/Female.gif"/>女 </td>
</tr>
<tr>
<td align="right">头像：</td>
<td><input type="file" name="touxiang"/></td>
</tr>
<tr>
<td align="right">爱好：</td>
<td>
<input type="checkbox" name="hobby" value="eat" checked="checked" />吃饭
<input type="checkbox" name="hobby" value="sleep" />睡觉
<input type="checkbox" name="hobby" value="doudou" />打豆豆
</td>
</tr>
<tr>
<td align="right">出生日期：</td>
<td>
<input type="text" name="year" size="10"/>年
<select name="month">
<option value="0" selected="selected">--月份--</option>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="6">六月</option>
</select>月
<input type="text" name="day" size="6"/>日
</td>
</tr>
<tr>
<td align="right">注册协议：</td>
<td>
<textarea rows="4" cols="20" name="intr" readonly="readonly">
请遵守相关法律法规。。。
</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="注册" disabled="disabled" />
<input type="image" src="images/reset.gif" />
<!--<input type="button" value="普通按钮"/>
--></td>
</tr>
</table>
</form></body></html>
以上就是html5中如何实现用户注册表单的示例代码分享的详细内容，更多请关注其它相关文章！
上一篇： nbsp元素定义与用法汇总
下一篇： 关于单数据的10篇课程推荐