html5中如何实现用户注册表单的示例代码分享

互联网 17-7-24

用户注册

<!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>&nbsp;                                          <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" />吃饭&nbsp;&nbsp;                                          <input type="checkbox" name="hobby" value="sleep" />睡觉&nbsp;&nbsp;                                          <input type="checkbox" name="hobby" value="doudou" />打豆豆&nbsp;&nbsp;                                      </td>              </tr>              <tr>                  <td align="right">出生日期：</td>                  <td>                      <input type="text" name="year" size="10"/>年&nbsp;                                          <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>月&nbsp;&nbsp;                                          <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" />&nbsp;&nbsp;                                          <input type="image" src="images/reset.gif" />&nbsp;&nbsp;                                          <!--<input type="button" value="普通按钮"/>                  --></td>              </tr>          </table>          </form></body></html>

以上就是html5中如何实现用户注册表单的示例代码分享的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： h5