HTML开发实例-简单相亲网站开发（主体为table）

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

清楚不常在，抓紧谈恋爱

我承诺

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

性别：	男女
生日：	--请选择年-- 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）的更多相关文章

Cocos2d-x 3.X手游开发实例详解
Cocos2d-x 3.X手游开发实例详解(最新最简Cocos2d-x手机游戏开发学习方法,以热门游戏2048.卡牌为例,完整再现手游的开发过程,实例丰富,代码完备,Cocos2d-x作者之一林顺和泰 ...
MVC5 网站开发实践 2、后台管理
目录 MVC5 网站开发实践概述 MVC5 网站开发实践 1.建立项目从这一部分开始做后台管理,首先是基本框架的一.Data项目 1.项目添加EntityFramework引用在Data项 ...
MVC5 网站开发实践概述
目录 MVC5 网站开发实践概述 MVC5 网站开发实践 1.建立项目 MVC5 网站开发实践 2.后台管理 MVC5 网站开发实践 2.1.管理员登陆 MVC5 网站开发实践 2.2.管理 ...
PHP-购物网站开发设计（一）
2015-07-6 开始使用PHP完成简单购物网站的设计,首先要选择合适的软件平台,所以今天先记录平台的选择与搭建: 我选择使用Apache24 + PHP 5.6 + MySQL 开发环境完成PHP ...
MVC5 网站开发实践 2.2、管理员身份验证
上次完成了管理员的登录,这次要解决对管理员登录后的验证,采用AuthorizeAttribute属性的方式.之前还要解决几个问题,然后才重写验证类,最后稍微改一下界面. 目录 MVC5 网站开发实践 ...
MVC5 网站开发实践 2.1、管理员登陆
目录 MVC5 网站开发实践概述 MVC5 网站开发实践 1.建立项目 MVC5 网站开发实践 2.后台管理 1. 创建SHA256加密方法. 在Data项目中添加文件夹[Security ...
Spring_IoC注解开发和AOP的XML开发(学习笔记2）
一:IoC注解开发 1,在applicationContext.xml中需要引入context约束 <beans xmlns="http://www.springframework.o ...
（Hibernate进阶）Hibernate搭建开发环境+简单实例（二）
hibernate是非常典型的持久层框架,持久化的思想是非常值得我们学习和研究的.这篇博文,我们主要以实例的形式学习Hibernate,不深究Hibernate的思想和原理,否则,一味追求,苦学思想和 ...
WCF揭秘（一）——简单的WCF开发实例
一.WCF是什么 WCF是微软为了实现各个开发平台之间的无疑缝连接而开发一种崭新工具,它是为分布式处理而开发.WCF将DCOM.Remoting.Web Service.WSE.MSMQ.AJAX服务 ...

随机推荐

JAVA I/O 与装饰者模式UML图
51 NOD 1049 最大子段和动态规划模板板子 DP
N个整数组成的序列a[1],a[2],a[3],-,a[n],求该序列如a[i]+a[i+1]+-+a[j]的连续子段和的最大值.当所给的整数均为负数时和为0. 例如:-2,11,-4,13,-5,- ...
一个简单的wed服务器SHTTPD（1）————命令行和文件配置解析
开始学习<LInux网络编程>中的综合案例,虽然代码书上有,还是自己打一下加深理解和印象. 主要有两个函数,完成命令行的解析,另一个实现配置文件的解析,注释还是比较丰富的哦. //star ...
socket编程之时间回射服务器
使用到的函数: // 返回值:读到的字节数,若已到文件尾,返回0:若出错,返回-1 ssize_t read(int fd, void *buf, size_t nbytes); // 返回值:若成功 ...
vue项目兼容ie
一.兼容ES6 Vue 的核心框架 vuejs 本身,以及官方核心插件(VueRouter.Vuex等)均可以在 ie9 上正常使用.但ie不兼容es6,所以需要安装插件将“Promise”等高级语法 ...
gulp基本使用
一.gulp是什么 gulp强调的是前端开发的工作流程,我们可以通过定义task事件定义事件的执行顺序,gulp去执行这些事件,构建整个前端开发的工作流程 gulp常见定义事件,例如: 变更静态资源 ...
创造DotNet Core轻量级框架【二】
上一篇创造DotNet Core轻量级框架[一] 10 题外话上一篇文章感谢大家提出的各种小建议和各种讨论,但是在写文章的时候框架最最最基础的样子已经做出来了,所以大家的各种建议和意见我会在后续逐 ...
[hdu4768]二分
http://acm.hdu.edu.cn/showproblem.php?pid=4768 题意:n个传单分别发给编号为ai, ai + ci, ai + 2 * ci, .. , ai + k * ...
「雕爷学编程」Arduino动手做（40）——旋转编码器模块
37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的.鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里 ...
react+express实现跨域
1. 首先复习一下跨域的几种主要方式: a. jsonp b. cors c. 代理服务(开发环境下常用) 2. 代理服务器:可实现转发请求.即浏览器在3000端口发出请求,通过代理转发,将请求发送给 ...

HTML开发实例-简单相亲网站开发（主体为table）

清楚不常在，抓紧谈恋爱

我承诺

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

随机推荐

热门专题