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

清楚不常在，抓紧谈恋爱

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

性别： 男 女
生日： --请选择年--
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. python（字符编码与转码）

    一.字符编码演变史 二进制(0 1) """ 算机中的所有数据,不论是文字.图片.视频.还是音频文件,本质上最终都是按照类似 01010101 的二进制存储的,再说简单点 ...

  2. linux进程管理相关命令

    ps ps aux ps -ef | grep -E "supervisor|PPID"  top 可以按一定规则对top的结果进行排序 # 监控单一进程 top -p pid  ...

  3. C# 9.0 新特性预览 - 类型推导的 new

    C# 9.0 新特性预览 - 类型推导的 new 前言 随着 .NET 5 发布日期的日益临近,其对应的 C# 新版本已确定为 C# 9.0,其中新增加的特性(或语法糖)也已基本锁定,本系列文章将向大 ...

  4. ASP.NET Core 如何使用Mvc相关技术建立Controller、Tag Helper （下）

    上篇文章介绍了通过定义两个接口和服务类,分别实现这两个接口,并且进行了一个服务的注册. 今天就来建立Controller 接下来就是在控制器中通过构造函数的方式注入接口(见代码块6行) 代码块2行的意 ...

  5. spring boot项目中无法访问resources文件夹问题

    如图,浏览器默认访问static文件下的内容,无法访问templates文件下的html文件. 解决方法: 在application.properties文件中添加静态资源目录的配置即可.

  6. 201771010113-李婷华 实验一 软件工程准备-<软件工程的相关了解>

    项目 内容 课程班级博客链接 https://edu.cnblogs.com/campus/xbsf/nwnu2020SE 这个作业要求链接 https://www.cnblogs.com/nwnu- ...

  7. 【Hadoop离线基础总结】流量日志分析网站整体架构模块开发

    目录 数据仓库设计 维度建模概述 维度建模的三种模式 本项目中数据仓库的设计 ETL开发 创建ODS层数据表 导入ODS层数据 生成ODS层明细宽表 统计分析开发 流量分析 受访分析 访客visit分 ...

  8. C：简单实现BaseCode64编码

    What is Base64? 前言 目前来看遇到过Base 16.Base 32.Base 64的编解码,这种编码格式是二进制和文本编码转化,是对称并且可逆的转化.Base 64总共有64个ASCI ...

  9. C#语言实现推箱子

    话不多说直接上代码 using System; namespace Boxer { class Program { const int WIDTH = 8; const int HEIGHT = 8; ...

  10. C# LinQ的基本子句、协变与异变

    //1.from 子句: , , , , , , , , , }; var query = from n in arr select n; foreach (var i in query) { Con ...