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

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

清楚不常在，抓紧谈恋爱

我承诺

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

性别：	男女
生日：	--请选择年-- 2019 2020 2021 --请选择月-- 1 2 3 --请选择日-- 1 2 3
所在区域
婚姻状况	未婚已婚离婚
学历
喜欢的类型	妩媚的可爱的小鲜肉老腊肉都喜欢
自我介绍

	我同意注册条款和会员
	我是会员立即登录

 1 <!DOCTYPE html>2 <html lang="en">3 <head>4     <meta charset="UTF-8">5     <meta name="viewport" content="width=device-width, initial-scale=1.0">6     <title>Document</title>7 </head>8 <body>9     <h4>清楚不常在，抓紧谈恋爱</h4>10     <table>11         <!-- 第一行 -->12         <tr>13             <td>性别：</td><br />14             <td><input type="radio" id="nan" name="sex"> <label for="nan">男</label>  15                 <input type="radio"  id="nv" name="sex"> <label for="nv">女</label>16             </td><br>17         </tr>18         <!-- 第二行 -->19         <tr>20             <td>21                 生日：22             </td>23             <td>24                 <select>25                     <option checked="checked">--请选择年--</option>26                     <option>2019</option>27                     <option>2020</option>28                     <option>2021</option>29                 </select>30 31                 <select>32                     <option checked="checked">--请选择月--</option>33                     <option>1</option>34                     <option>2</option>35                     <option>3</option>36                 </select>37 38                 <select>39                     <option checked="checked">--请选择日--</option>40                     <option>1</option>41                     <option>2</option>42                     <option>3</option>43                 </select>44 45             </td>46         </tr>47         <!-- 第三行 -->48         <tr>49             <td>所在区域</td>50             <td>51                 <input type="text" value="北京思密达">52             </td>53         </tr>54         <!-- 第四行 -->55         <tr>56             <td>婚姻状况</td>57             <td>58                 <input type="radio" id="weihun" name="hunyin"><label for="weihun">未婚</label>59                 <input type="radio" name="hunyin"> <label>已婚</label>60                 <input type="radio" name="hunyin" checked="checked"> <label>离婚</label>61             </td>62         </tr>63         <!-- 学历 -->64         <tr>65             <td>学历</td>66             <td><input type="text" value="博士后"></td>67         </tr>68         <!-- 喜欢的类型 -->69         <tr>70             <td>喜欢的类型</td>71             <td>72                 <input type="checkbox" name="xingge">妩媚的73                 <input type="checkbox" name="xingge">可爱的74                 <input type="checkbox" name="xingge">小鲜肉75                 <input type="checkbox" name="xingge">老腊肉76                 <input type="checkbox" name="xingge">都喜欢77             </td>78         </tr>79         <!-- 自我介绍 -->80         <tr>81             <td>自我介绍</td>82             <td><textarea>个人简介</textarea></td>83         </tr>84         <!-- 免费注册 -->85         <tr>86             <td></td>87             <td><input type="submit" value="免费注册"></td>88         </tr>89         <!-- checkbox -->90         <tr>91             <td>92             <td><input type="checkbox">我同意注册条款和会员</td>93         </tr>94         <tr>95             <td></td>96             <td><a href="#">我是会员立即登录</a></td>97         </tr>98             <td></td>99             <td>
100                 <h5>我承诺</h5>
101                 <ul>
102                     <li>年满十八岁</li>
103                     <li>单身</li>
104                     <li>抱着严肃态度</li>
105                     <li>寻找真诚的另一半</li>
106
107                 </ul>
108             </td>
109         </tr>
110     </table>
111 </body>
112 </html>

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

CSS3 低多边形（Low Poly）设计及开发实例 - 简单的字母
Low Poly是计算机主流设计风格的一种. 当前主流设计风格包括: 1.拟物(Skeuomorph) 2.平面化(Flat Design) 3.长阴影(Long Shadow) 4.响应式(Resp ...
海外多语言国际婚恋相亲网站开发制作，第四篇
第一篇:https://blog.csdn.net/weixin_43144260/article/details/113852613 第二篇:https://blog.csdn.net/weixin ...
solidworks api二次开发实例详解_Solidworks开发语言对比及分析
很多初学Solidworks二次开发的同学,也许都会纠结使用何种语言进行二次开发.对于Solidworks二次开发的语言,官方有VBA,VB.NET,C#以及C++,四种语言. 用户通常会有如下疑问, ...
AgileEAS.NET平台开发实例-药店系统-准备开发环境(上)
开篇上一篇我们主要是讲述了如何根据数据库原型设计器提供的相关功能来构建ORM提供的相关信息,例如根据数据库与实体对象之间通过数据原型来进行双向的映射.本篇我们将会根据上篇<AgileEAS. ...
python项目开发实例书-Python项目开发实战
本书案例具有实用性,如校园网搜索引擎.小小翻译器.抓取百度图片这些爬虫案例略加修改可以应用实际项目中:还有通过微信通信协议开发微信机器人,机器学习的文本分类.基于卷积神经网络的手写体识别等案例,另外是 ...
AgileEAS.NET平台开发实例-药店系统-报表开发(高级篇)
开篇上篇我们讲述了报表开发的独立开发与基于平台的开发二种方式,相信大家已经对报表开发有了一定的了解,那么我们本篇将会巩固大家对报表开发的知识,我们这里提供一个我们平时在项目中应用到的一些关于报表开 ...
php动态网站开发报告,PHP动态网站开发pdf
PHP动态网站开发作者:赵增敏 PHP动态网站开发出版社:电子工业出版社 PHP动态网站开发内容简介本书从Adobe Dreamweaver CS6可视化设计与手工编码的结合上详细地介绍了基于 ...
python中restful接口开发实例_Python RESTful接口开发02
什么是RESTful RESTful是一种设计思想,一种风格. RESTful主要包括资源和对资源的操作. 资源: 对实体的抽象,图书.音乐.电影.学生等都属于资源. 对资源的操作: ===== ...
aspnet网站开发实例_给自己开发一个网站，这是我的方法。
个人建站建议先建一个个人博客,因为门槛相对较低,简单容易上手,尝试一下成功建站的感觉,其实还挺有成就感的!! 方法有很多种:如利用博客系统来搭建,如WordPress.emblog.zblog.typ ...

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

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

最新文章

热门文章