HTML 实现注册小案例

来源:互联网 发布:mysql设置primary key 编辑:程序博客网 时间:2024/06/06 03:36

案例:使用html实现注册页面

首先看一下效果图:


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <h2 align="center">注册csdn的账号</h2>
  <table  width="100%">
  <tr>
<td align="right">注册邮箱: </td>
<td><input type="text" name="mail"></td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td>你可以使用<a href="#">账号<a/>或者<a href="#">手机号<a/>来注册</td>
  </tr>
   <tr>
<td align="right">真实姓名:</td>
<td><input type="text" name="realname"></td>
  </tr>
  <tr>
<td align="right">性别:</td>
<td><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td>
  </tr>
   <tr>
<td align="right">生日:</td>
<td>
<select name="year">
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
</select>年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>月
<select name="day">
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>日
</td>
  </tr>
   <tr>
<td align="right">我现在:</td>
<td>
<select name="now">
<option value="study">我正在上学</option>
<option value="work">我正在工作</option>
</select>

</td>
  </tr>
   <tr>
<td align="right">验证码:</td>
<td>
<input type="text" name="verycode"/>
</td>
  </tr>
  <tr>
<td>&nbsp;</td>
<td>
<input type="submit" value="提交"/>
</td>
  </tr>
  </table>
 </body>
</html>

4 6