HTML开发实例-简单相亲网站开发（主体为table）
实现功能:简单的相亲网站：
清楚不常在，抓紧谈恋爱
我承诺
- 年满十八岁
- 单身
- 抱着严肃态度
- 寻找真诚的另一半
| 性别： | 男 女 |
| 生日： |
--请选择年-- 2019 2020 2021 --请选择月-- --请选择日-- |
| 所在区域 | |
| 婚姻状况 | 未婚 已婚 离婚 |
| 学历 | |
| 喜欢的类型 | 妩媚的 可爱的 小鲜肉 老腊肉 都喜欢 |
| 自我介绍 | 个人简介 |
| 我同意注册条款和会员 | |
| 我是会员立即登录 |
<!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服务 ...
随机推荐
- 多线程高并发编程(7) -- Future源码分析
一.概念 A Future计算的结果. 提供方法来检查计算是否完成,等待其完成,并检索计算结果. 结果只能在计算完成后使用方法get进行检索,如有必要,阻塞,直到准备就绪. 取消由cancel方法执行 ...
- 蒲公英 · JELLY技术周刊 Vol.05: Rust & Electron 的高性能实践 -- Finda
登高远眺 天高地迥,觉宇宙之无穷 基础技术 使用 JavaScript 框架的代价 作者从 JavaScript 下载时间.解析时间.执行时间.内存占用四个角度评测了 jQuery.Angular.R ...
- Spring中资源的加载原来是这么一回事啊！
1. 简介 在JDK中 java.net.URL 适用于加载资源的类,但是 URL 的实现类都是访问网络资源的,并没有可以从类路径或者相对路径获取文件及 ServletContext , 虽然可以通过 ...
- Codeforces Round #577 (Div. 2) D. Treasure Hunting
Codeforces Round #577 (Div. 2) D. Treasure Hunting 这个一场div2 前面三题特别简单,这个D题的dp还是比较难的,不过题目告诉你了只能往上走,所以 ...
- mybatis与hibernate运行流程比较
hibernate长时间没用,感觉生疏了,正好借这篇文章整合下知识,顺便复习比较下两种框架. 概述: Mybatis和hibernate不同,它不完全是一个ORM框架,因为MyBatis需要程序员自己 ...
- 【Hadoop离线基础总结】linux基础增强
linux基础增强 查找命令 grep命令 (print lines matching a pattern) 概述: grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打 ...
- 杂记---主要关于PHP导出excel表格学习
今天上午处理了一下WIN7系统的电脑前置话筒和耳机口无法使用的问题,主要现象是耳机插入后没声音,麦插入话筒说话对方也听不到,后置端口一切正常.刚开始判断肯定是设置的问题,于是用另一台电脑百度搜索“wi ...
- 【matlab系列汇总】小白博主的matlab学习实战快速进阶之路（持续更新）
我把之前在学习和工作中使用matlab的技巧和使用教程等相关整理到这里,方便查阅学习,如果能帮助到您,请帮忙点个赞: MATLAB可以进行矩阵运算.绘制函数和数据.实现算法.创建用户界面.连接其他编程 ...
- shell 条件结构之 if 语句使用总结
文章目录 #条件判断的格式 [ exp ] [[ exp ]] test exp 注意: exp 与 "["."]"括号之间必须要有空格,否则会报语法错误: [ ...
- 《学习笔记》.NET Core API搭建
1.创建 ASP.NET Core Web程序,记住取消HTTPS配置 2.此时一个简单的.NET Core API 架子搭建好了,细心的人可以发现Properties下面不是CS文件,确是launc ...