您的位置:首页 > Web前端 > HTML

HTML 实现注册小案例

2016-11-10 09:31 288 查看
案例:使用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> </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> </td>
<td>
<input type="submit" value="提交"/>
</td>

  </tr>

  </table>

 </body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 标签