注册页面案例-世纪佳缘

青春不常在，抓紧谈恋爱

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>注册页面</title><style>h4 {text-align: center;}</style>
</head><body><form action=""><table cellspacing='0' align="center" width='500' height='500'><caption><h4> 青春不常在，抓紧谈恋爱</h4></caption><tr><td>性别</td><td><input type="radio" name="sex" id="nan"><label for="nan"> <img src="data:images/man.jpg" alt=""> 男</label><input type="radio" name="sex" id="nv"><label for="nv"> <img src="data:images/women.jpg" alt=""> 女</label></td></tr><tr><td>生日</td><td><select name="" id=""><option value="">--请选择年--</option><option value="">1998</option><option value="">1997</option><option value="">1996</option><option value="">1995</option></select><select name="" id=""><option value="">--请选择月--</option><option value="">8</option><option value="">7</option><option value="">6</option><option value="">5</option></select><select name="" id=""><option value="">--请选择日--</option><option value="">15</option><option value="">14</option><option value="">13</option><option value="">12</option></select></td></tr><tr><td>所在地区</td><td><input type="text" value="河南郑州"></td></tr><tr><td>婚姻状况</td><td><input type="radio" name="marry" id="no"><label for="no">未婚</label><input type="radio" name="marry" id="yes"><label for="yes">已婚</label><input type="radio" name="marry" id="li"><label for="li">离婚</label></td></tr><tr><td>学历</td><td><select name="xueli" id=""><option value="">--请选择学历--</option><option value="">博士</option><option value="">硕士</option><option value="">本科</option><option value="">大专</option></select></td></tr><tr><td>月薪</td><td><input type="text"></td></tr><tr><td>手机号</td><td><input type="tel"></td></tr><tr><td>喜欢的类型</td><td><input type="checkbox" name="like" id="">可爱的 <input type="checkbox" name="like" id="">开朗的 <input type="checkbox" name="like" id="">妩媚的 <input type="checkbox" name="like" id="">小鲜肉 <input type="checkbox" name="like" id="" checked>都喜欢</td></tr><tr><td>自我介绍</td><td><textarea cols="25" rows="4">自我介绍</textarea></td></tr><tr><td></td><td><input type="submit" value="免费注册"></td></tr><tr><td></td><td><input type="checkbox" name="" id="" checked='checked'>我同意注册条款和会员加入标准</td></tr><tr><td></td><td><a href="#">我是会员，立即登录</a></td></tr><tr><td></td><td><strong>我承诺</strong><ul><li>年满18岁、单身</li><li>抱着严肃的态度</li><li>真诚寻找傻子</li></ul></td></tr></table></form>
</body></html>

结果：

注册页面案例-世纪佳缘相关推荐

【20220926】html综合案例世纪佳缘
实现效果: 代码实现: <form action=""><h2>青春不常在,抓紧谈恋爱</h2><hr>昵称:<input t ...
世纪佳缘财务及运营数据分析
世纪佳缘成立于2003年10月8日,是中国在线婚恋交友平台,通过互联网.无线平台和线下活动为单身人士提供严肃婚恋交友服务.2011年5月11日,世纪佳缘登陆美国纳斯达克进行首次公开募股,成为首家上市的 ...
用Html实现世纪佳缘交友注册页面是什么体验？
一.前言在零基础必看的Html5+Css3+移动端前端视频教程(三)中主要学习了表格.列表.表单标签的使用,那这篇博客就利用这些知识,实现注册页面. 二.分析页面布局这是世纪佳缘的官网,目前只凭借 ...
操作元素总结及作业1——世纪佳缘登录案例-黑马pink老师
在黑马前端教程里面,操作元素部分有这样一个案例就是世纪佳缘的登陆案例. 实现:登录的隐藏内容,以及密码框的设计,点击后颜色的变化. 简单的算法:利用JS操作元素.事件以及if分支,修改表单获取焦点和失 ...
js的项目1:世纪佳缘、京东关闭广告、新浪下拉菜单、开关灯案例
1.世纪佳缘用户名显示隐藏内容 <!DOCTYPE html> <html lang="en"> <head><meta charse ...
JS事件与操作元素--世纪佳缘（用户名、显示隐藏内容）--黑马程序员pink老师JS第P25-操作元素总结及作业1
需求:利用JS事件与操作元素复刻--世纪佳缘(用户名.显示隐藏内容). 开发环境:VScode.Edge 参考网站:世纪佳缘官网注册截面头部包含算法: 1.利用JS操作元素.事件以及if分支,修改表 ...
【转】推荐系统入门实践：世纪佳缘会员推荐（完整版）
推荐系统入门实践:世纪佳缘会员推荐(完整版) 版本作者联系日期 1.0 周巍然 weiran.chow@gmail.com 20120723 2.0 严程 supersteven198701@ ...
自娱自乐写爬虫世纪佳缘篇
最近一段时间不知怎得像是中了什么魔怔,特别的想用python写一个网络爬虫,也许是看了知乎上的某位大牛的分享,深感能自己写一个程序在浩瀚的互联网数据海洋中发现有意思的数据的酷炫,抑或就是想单纯的体验一 ...
python多线程爬取世纪佳缘女生资料并简单数据分析
一. 目标作为一只万年单身狗,一直很好奇女生找对象的时候都在想啥呢,这事也不好意思直接问身边的女生,不然别人还以为你要跟她表白啥的,况且工科出身的自己本来接触的女生就少,即使是挨个问遍,样本量也 ...

注册页面案例-世纪佳缘

注册页面案例-世纪佳缘相关推荐

最新文章

热门文章