html5中如何实现用户注册表单的示例代码分享
用户注册
<!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中如何实现用户注册表单的示例代码分享的详细内容,更多请关注其它相关文章!