实现功能:简单的相亲网站：

清楚不常在，抓紧谈恋爱

我承诺
  • 年满十八岁
  • 单身
  • 抱着严肃态度
  • 寻找真诚的另一半

性别： 男 女
生日： --请选择年--
2019
2020
2021

--请选择月--
1
2
3

--请选择日--
1
2
3

所在区域
婚姻状况 未婚 已婚 离婚
学历
喜欢的类型 妩媚的 可爱的 小鲜肉 老腊肉 都喜欢
自我介绍 个人简介
 
  我同意注册条款和会员
  我是会员立即登录 
 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <title>Document</title>

 </head>

 <body>

     <h4>清楚不常在，抓紧谈恋爱</h4>

     <table>

         <!-- 第一行 -->

         <tr>

             <td>性别：</td><br />

             <td><input type="radio" id="nan" name="sex"> <label for="nan">男</label>

                 <input type="radio"  id="nv" name="sex"> <label for="nv">女</label>

             </td><br>

         </tr>

         <!-- 第二行 -->

         <tr>

             <td>

                 生日：

             </td>

             <td>

                 <select>

                     <option checked="checked">--请选择年--</option>

                     <option>2019</option>

                     <option>2020</option>

                     <option>2021</option>

                 </select>

                 <select>

                     <option checked="checked">--请选择月--</option>

                     <option>1</option>

                     <option>2</option>

                     <option>3</option>

                 </select>

                 <select>

                     <option checked="checked">--请选择日--</option>

                     <option>1</option>

                     <option>2</option>

                     <option>3</option>

                 </select>

             </td>

         </tr>

         <!-- 第三行 -->

         <tr>

             <td>所在区域</td>

             <td>

                 <input type="text" value="北京思密达">

             </td>

         </tr>

         <!-- 第四行 -->

         <tr>

             <td>婚姻状况</td>

             <td>

                 <input type="radio" id="weihun" name="hunyin"><label for="weihun">未婚</label>

                 <input type="radio" name="hunyin"> <label>已婚</label>

                 <input type="radio" name="hunyin" checked="checked"> <label>离婚</label>

             </td>

         </tr>

         <!-- 学历 -->

         <tr>

             <td>学历</td>

             <td><input type="text" value="博士后"></td>

         </tr>

         <!-- 喜欢的类型 -->

         <tr>

             <td>喜欢的类型</td>

             <td>

                 <input type="checkbox" name="xingge">妩媚的

                 <input type="checkbox" name="xingge">可爱的

                 <input type="checkbox" name="xingge">小鲜肉

                 <input type="checkbox" name="xingge">老腊肉

                 <input type="checkbox" name="xingge">都喜欢

             </td>

         </tr>

         <!-- 自我介绍 -->

         <tr>

             <td>自我介绍</td>

             <td><textarea>个人简介</textarea></td>

         </tr>

         <!-- 免费注册 -->

         <tr>

             <td></td>

             <td><input type="submit" value="免费注册"></td>

         </tr>

         <!-- checkbox -->

         <tr>

             <td>

             <td><input type="checkbox">我同意注册条款和会员</td>

         </tr>

         <tr>

             <td></td>

             <td><a href="#">我是会员立即登录</a></td>

         </tr>

             <td></td>

             <td>

                 <h5>我承诺</h5>

                 <ul>

                     <li>年满十八岁</li>

                     <li>单身</li>

                     <li>抱着严肃态度</li>

                     <li>寻找真诚的另一半</li>

                 </ul>

             </td>

         </tr>

     </table>

 </body>

 </html>

HTML开发实例-简单相亲网站开发（主体为table）的更多相关文章

  1. Cocos2d-x 3.X手游开发实例详解

    Cocos2d-x 3.X手游开发实例详解(最新最简Cocos2d-x手机游戏开发学习方法,以热门游戏2048.卡牌为例,完整再现手游的开发过程,实例丰富,代码完备,Cocos2d-x作者之一林顺和泰 ...

  2. MVC5 网站开发实践 2、后台管理

    目录 MVC5 网站开发实践 概述 MVC5 网站开发实践 1.建立项目   从这一部分开始做后台管理,首先是基本框架的 一.Data项目 1.项目添加EntityFramework引用 在Data项 ...

  3. MVC5 网站开发实践 概述

    目录 MVC5 网站开发实践  概述 MVC5 网站开发实践  1.建立项目 MVC5 网站开发实践  2.后台管理 MVC5 网站开发实践  2.1.管理员登陆 MVC5 网站开发实践 2.2.管理 ...

  4. PHP-购物网站开发设计（一）

    2015-07-6 开始使用PHP完成简单购物网站的设计,首先要选择合适的软件平台,所以今天先记录平台的选择与搭建: 我选择使用Apache24 + PHP 5.6 + MySQL 开发环境完成PHP ...

  5. MVC5 网站开发实践 2.2、管理员身份验证

    上次完成了管理员的登录,这次要解决对管理员登录后的验证,采用AuthorizeAttribute属性的方式.之前还要解决几个问题,然后才重写验证类,最后稍微改一下界面. 目录 MVC5 网站开发实践  ...

  6. MVC5 网站开发实践 2.1、管理员登陆

    目录 MVC5 网站开发实践  概述 MVC5 网站开发实践  1.建立项目 MVC5 网站开发实践  2.后台管理   1. 创建SHA256加密方法. 在Data项目中添加文件夹[Security ...

  7. Spring_IoC注解开发和AOP的XML开发(学习笔记2）

    一:IoC注解开发 1,在applicationContext.xml中需要引入context约束 <beans xmlns="http://www.springframework.o ...

  8. （Hibernate进阶）Hibernate搭建开发环境+简单实例（二）

    hibernate是非常典型的持久层框架,持久化的思想是非常值得我们学习和研究的.这篇博文,我们主要以实例的形式学习Hibernate,不深究Hibernate的思想和原理,否则,一味追求,苦学思想和 ...

  9. WCF揭秘（一）——简单的WCF开发实例

    一.WCF是什么 WCF是微软为了实现各个开发平台之间的无疑缝连接而开发一种崭新工具,它是为分布式处理而开发.WCF将DCOM.Remoting.Web Service.WSE.MSMQ.AJAX服务 ...

随机推荐

  1. 【阅读笔记】Ranking Relevance in Yahoo Search （一）—— introduction & background

    ABSTRACT: 此文在相关性方面介绍三项关键技术:ranking functions, semantic matching features, query rewriting: 此文内容基于拥有百 ...

  2. 使用PHP-Beast加密你的PHP源代码

    PHP-Beast是一个PHP源码加密的模块,其使用DES算法加密,用户可以自定义加密的key来加密源代码. 1. PHP-Beast的安装 $ wget https://github.com/lie ...

  3. 百度Openrasp开源的应用运行时自我保护产品，安装教程。

    第一步: 下载最新版本的安装包 https://packages.baidu.com/app/openrasp/release/latest/rasp-php-linux.tar.bz2 解压到目录: ...

  4. Ubuntu Install Chinese Input Method

    为了提高在Linux系统使用中文输入的体验,安装搜狗拼音输入法. 确保键盘输入系统选中fcitx. 搜狗拼音输入法基于fcitx(Free Chinese Input Toy for X)框架,所以要 ...

  5. POJ 1330 Nearest Common Ancestors（裸LCA）

    Nearest Common Ancestors Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 39596   Accept ...

  6. RF（控制台及日志输出中文乱码）

    1.查看 ride 版本,我这里是 RIDE 1.7.4.1 running on Python 3.6.0. 2.修改文件 D:\python3.6\Lib\site-packages\roboti ...

  7. jmeter的正则表达式编辑器

    位置:在后置处理器里面,表示在请求结束或者返回响应结果时发挥作用. 作用:允许用户从服务器的响应中通过使用perl的正则表达式提取值.该元素会作用在指定范围取样器,用正则表达式提取所需值,生成模板字符 ...

  8. PinPoint APM搭建全过程

    Pinpoint简介 Pinpoint是一款对Java编写的大规模分布式系统的APM工具,有些人也喜欢称呼这类工具为调用链系统.分布式跟踪系统.我们知道,前端向后台发起一个查询请求,后台服务可能要调用 ...

  9. DHCP报文（1）

    DHCP报文 1.地址申请类型(4步工作原理,常考) (1)此题是典型的四步工作原理,在其配置过程中由于没有分配IP地址,用的是广播形式,所以其4中报文类型的目的IP地址均为255.255.255.2 ...

  10. 步入LTE、多址技术

    LTE系统的主要性能和目标 与3G相比,LTE主要性能特性: 带宽灵活配置:支持1.4MHz, 3MHz, 5MHz, 10Mhz, 15Mhz, 20MHz 峰值速率(20MHz带宽):下行100M ...