实现效果:

代码实现:

 <form action=""><h2>青春不常在,抓紧谈恋爱</h2><hr>昵称:<input type="text" placeholder="请输入昵称"><br><br>性别:<input type="radio" name="sex" id="submit"><label for="submit">男</label><input type="radio" name="sex" id="submit1"><label for="submit1">女</label><br><br>所在城市:<select><option value="">上海</option><option value="">北京</option><option value="">深圳</option></select><br><br>婚姻状况:<input type="radio" name="marry" id="radio1"><label for="radio1">未婚</label><input type="radio" name="marry" id="radio2"><label for="radio2">已婚</label><input type="radio" name="marry" id="radio3"><label for="radio3>保密</label><br><br>喜欢的类型:<input type="checkbox" id="checkbox1"><label for="checkbox1">可爱</label><input type="checkbox" id="checkbox2"><label for="checkbox2">性感</label><input type="checkbox" id="checkbox3"><label for="checkbox3">御姐</label><input type="checkbox" id="checkbox4"><label for="checkbox4">萝莉</label><input type="checkbox" id="checkbox5"><label for="checkbox5">小鲜肉</label><input type="checkbox" id="checkbox6"><label for="checkbox6">大叔</label><br><br>个人介绍:<textarea name="" id="" cols="30" rows="4"></textarea><br><br><strong>我承诺</strong><ul><li>年满18岁、单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul><br><input type="checkbox" id="checkbox7"><label for="checkbox7">我同意所有条款</label><br><br><button type="submit">免费注册</button><button type="reset">重置</button></form>

【20220926】html综合案例世纪佳缘相关推荐

  1. 注册页面案例-世纪佳缘

    青春不常在,抓紧谈恋爱 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...

  2. 操作元素总结及作业1——世纪佳缘登录案例-黑马pink老师

    在黑马前端教程里面,操作元素部分有这样一个案例就是世纪佳缘的登陆案例. 实现:登录的隐藏内容,以及密码框的设计,点击后颜色的变化. 简单的算法:利用JS操作元素.事件以及if分支,修改表单获取焦点和失 ...

  3. js的项目1:世纪佳缘、京东关闭广告、新浪下拉菜单、开关灯案例

    1.世纪佳缘 用户名 显示隐藏内容 <!DOCTYPE html> <html lang="en"> <head><meta charse ...

  4. 世纪佳缘推智能设备 是衰退迹象 还是第二春征兆?

    已被业界忽视多时的互联网婚恋市场掀起新波澜.近期,世纪佳缘宣布将在5月内推出智能设备,这一消息因最先由极客男(搜狗CEO)王小川发出,而迅速引起媒体围观.按常理,婚恋网站与智能设备之间是八竿子打不着的 ...

  5. JS事件与操作元素--世纪佳缘(用户名、显示隐藏内容)--黑马程序员pink老师JS第P25-操作元素总结及作业1

    需求:利用JS事件与操作元素复刻--世纪佳缘(用户名.显示隐藏内容). 开发环境:VScode.Edge 参考网站:世纪佳缘官网注册截面头部 包含算法: 1.利用JS操作元素.事件以及if分支,修改表 ...

  6. WePhone开发者苏享茂被逼自杀,背后或有团伙?世纪佳缘责任多大?

    9月8日有报道称WePhone开发者苏享茂被前妻逼迫遭索要1000万元和房产赔偿,后不堪压力自杀身亡. 9月9日,帐号认证为苏享茂的哥哥苏享龙的用户在微博发表声明,表示苏享茂于9月7日凌晨四点左右在公 ...

  7. 我看好的股票:世纪佳缘、优酷土豆

    前几天,一位朋友电话过来,问我是否推荐几支股票?美股.港股.国内都可以.我毫不犹豫的推荐了特斯拉.世纪佳缘.优酷土豆. 这里有几个故事,也是可以吹牛皮的.2012年某公司在国贸开会,我们一帮IT屌丝记 ...

  8. python是一种面向对象的高级语言_爬了世纪佳缘后发现了一个秘密,世纪佳缘找对象靠谱吗?...

    今天在知乎上看到一个关于[世纪佳缘找对象靠谱吗?]的讨论,其中关注的人有 1903,被浏览了 1940753 次,355 个回答中大多数都是不靠谱.用 Python 爬取世纪佳缘的数据是否能证明它的不 ...

  9. 杨鹏谈世纪佳缘推荐算法:基于Spark GraphX,弃GBDT和LR用FM

     杨鹏谈世纪佳缘推荐算法:基于Spark GraphX,弃GBDT和LR用FM 发表于2015-09-30 09:53| 1447次阅读| 来源CSDN| 2 条评论| 作者杨鹏 机器学习推荐算法 ...

最新文章

  1. exp中query的使用方法
  2. 008-SDK框架之LYWSDKPlatformManager.h
  3. java io流操作_十个Demo进行讲解Java中IO流的常用操作~
  4. LeetCode 314. 二叉树的垂直遍历(BFS/DFS)
  5. mysql中b树是什么_MySQL优化中B树索引知识点总结
  6. [转载]资深程序员点评当前某些对Lotus Domino 的不实评论
  7. 简单的聊天应用程序(多客户端聊天服务器) from multithread
  8. 【笔记】java命令如何运行jar包
  9. ACP 学习-07-CDN
  10. xlsxwriter设置列宽_Python3之excel操作——xlsxwriter模块
  11. 怎么在qq空间引流?QQ空间生日栏怎么引流?
  12. 做硬件,想当然,犯大错
  13. 数据预处理---将文本属性标签转换为数字标签的方法
  14. 数据库 - About Redis
  15. php 备份手机通讯录,怎么把手机上的号码复制到SIM卡上
  16. 金胜维固态硬盘MK8115主控开卡成功教程
  17. 大数据正在推动新零售发展
  18. 通过Model-X Knockoffs控制variable Selection
  19. 2019年运维想比别人月薪多赚10K?那就一定要选门编程语言了!
  20. Oracle数据库静默安装软件报错FATAL] [INS-32035

热门文章

  1. 使用python实现局域网文件共享(速度超快)
  2. GoogleEarth二次开发平台指南(1) ---如何将谷歌地球嵌入到自定义的窗体中
  3. 2012年陈乔恩主演都市胜女华丽猎爱偶像剧-胜女的代价
  4. 山西民生云登录显示服务器异常,山西民生云服务器异常
  5. 手机电商营销模式探讨
  6. android APK 中英文对比(转)
  7. C语言查询ask码的函数,ask码(字符转成ascii码)
  8. 实现点击选择按钮时候选中对应选中的行,当点击某一行单元格时候就清除其他选中行然后选中对应点击的那一行
  9. 摆脱伪智能困境,全方位解读车联网技术应用
  10. css:绘制一角是圆角的三角形