当前栏目: [前端开发基础]您现在的位置是:成都seo > 前端学习 > 前端开发基础 > 正文

HTML基础学习第四天

2020-04-05 00:24前端开发基础 人已围观文章来源:成都SEO文章作者:小成站长

简介效果: 欢迎注册QQ,每一天乐在沟通! 姓名 密码 手机号码 Super 18002547855 Merry 18002542355 Jeo 18002547855 Super 18064247855 我同...

---------------效果如下------------------
性别
生日
所在地区
学历
喜欢的类型 妩媚的 可爱的 调皮的 阳光的 帅气的 都喜欢
自我介绍
 
  我是会员,立即登录
 

我承诺

  • 年满18,单身
  • 我喜欢看着你
  • 年轻就是好
----------------------源码如下--------------------------------- ---------------------效果如下----------------------------

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>0.1注册登录页面</title>
  </head>
  <body>
  <table width="600">
  <!-- 第一行 -->
  <tr>
  <td>性别</td>
  <td><input type="radio" name="sex" id="nan"> <label for="nan"><img src="images/man.jpg" /></label>
  <input type="radio" name="sex" id="nv"> <label for="nv"><img src="images/women.jpg" /></label>
  </td>
  </tr>
  <!-- 第二行 -->
  <tr>
  <td>生日</td>
  <td>
  <select name="" id="">
  <option value="" selected="selected">--请选择年份--</option>
  <option value="">2002</option>
  <option value="">2003</option>
  <option value="">2004</option>
  <option value="">2005</option>
  <option value="">2006</option>
  </select>
  <select name="" id="">
  <option value="" selected="selected">--请选择月份--</option>
  <option value="">1</option>
  <option value="">2</option>
  <option value="">3</option>
  <option value="">4</option>
  <option value="">5</option>
  </select>
  <select name="" id="" selected="selected">
  <option value="">--请选择日期--</option>
  <option value="">01</option>
  <option value="">02</option>
  <option value="">03</option>
  <option value="">04</option>
  <option value="">05</option>
  </select>
  </td>
  </tr>
  <!-- 第三行 -->
  <tr>
  <td>所在地区</td>
  <td><input type="text" value="请输入地区"></td>
  </tr>
  <!-- 第四行 -->
  <tr>
  <td>学历</td>
  <td><input type="text" value="请输入最高学历"></td>
  </tr>
  <!-- 第五行 -->
  <tr>
  <td>喜欢的类型</td>
  <td><input type="checkbox" name="love">妩媚的
  <input type="checkbox" name="love">可爱的
  <input type="checkbox" name="love">调皮的
  <input type="checkbox" name="love">阳光的
  <input type="checkbox" name="love">帅气的
  <input type="checkbox" name="love">都喜欢
  </td>
  </tr>
  <!-- 第六行自我介绍 -->
   
   
  <tr>
  <td>自我介绍</td>
  <td><textarea name="自我介绍" value="自我介绍">个人简介</textarea></td>
  </tr>
  <!-- 第七行 免费注册-->
  <tr>
  <td></td>
  <td><input type="submit" value="免费注册"></td>
  </tr>
  <!-- 第八行会员登录 -->
  <tr>
  <td></td>
  <td><a href="#">我是会员,立即登录</a></td>
  </tr>
  <!-- 第九行 我承诺 -->
  <tr>
  <td></td>
  <td>
  <h4>我承诺</h4>
  <ul>
  <li>年满18,单身</li>
  <li>我喜欢看着你</li>
  <li>年轻就是好</li>
  </ul>
  </td>
  </tr>
  </table>
  </body>
  </html>

--------------效果如下-------------------------

欢迎注册QQ,每一天乐在沟通!

姓名 密码 手机号码
Super 18002547855
Merry 18002542355
Jeo 18002547855
Super 18064247855
   
  我同意注册条款  
  我已有账号,立即登录  
----------------------源码如下------------------------
  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>02。注册qq页面</title>
  </head>
  <style>
  table {
  text-align: center;
  }
  </style>
  <body>
  <h3 align="center">欢迎注册QQ,每一天乐在沟通!</h3>
  <table border="1" width="50%" height="50%" align="center">
   
  <tr>
  <th>姓名</th>
  <th>密码</th>
  <th>手机号码</th>
  </tr>
  <tr>
  <td>Super</td>
  <td><input type="text" value="123123"></td>
  <td>18002547855</td>
  </tr>
  <tr>
  <td>Merry</td>
  <td><input type="text" value="12133123"></td>
  <td>18002542355</td>
  </tr>
  <tr>
  <td>Jeo</td>
  <td><input type="text" value="123123"></td>
  <td>18002547855</td>
  </tr>
  <tr>
  <td>Super</td>
  <td><input type="text" value="1234123"></td>
  <td>18064247855</td>
  </tr>
  <tr>
  <td></td>
  <td><input type="submit" value="免费注册"></td>
  <td></td>
  </tr>
  <tr>
  <td></td>
  <td><input type="checkbox" name="" id="" checked="checked">我同意注册条款</td>
  <td></td>
  </tr>
  <tr>
  <td></td>
  <td><a href="#">我已有账号,立即登录</a></td>
  <td></td>
  </tr>
  </table>
  </body>
  </html>

Tags:

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

本栏推荐

标签云

站点信息

  • 文章统计96篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们