html：世纪佳缘

最新推荐文章于 2022-04-13 20:58:56 发布
最新推荐文章于 2022-04-13 20:58:56 发布
阅读量584 收藏 2
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxllxl211/article/details/124025776
版权 
<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>世纪佳缘</title>
</head>
<body>
    <h4>青春不常在，杀只鸽鸽次</h4>
    <table action="" border="1">
        <!-- 第一行 -->
        <tr>
            <td>性别：</td>
            <td> 
                <input type="radio" name="sex" id="nan">
                <label for="nan"><img src="男.png" alt="男" width="25"></label>
                
                <input type="radio" name="sex" id="nv"> 
                <label for="nv"><img src="女孩.png" alt="女孩" width="25"></label></td>  
        </tr>
        <!-- 性别：
        <label for="nan"><img src="男.png" alt="男" width="25"></label>
        <input type="radio" name="sex" id="nan">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <label for="nv"><img src="女孩.png" alt="女孩" width="25"></label>
        <input type="radio" name="sex" id="nv"> -->
        
        <!-- <select name="" id="">
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
        </select> -->
        <!-- 第2行 -->
        <tr>
            <td>生日：</td>
            <td><input type="date"> </td>     
        </tr>
        <tr>
            <td>所在地区：</td>
            <td><input type="text" value="河南省汝州市"></td> 
        </tr>

        <!-- 第3行 -->
        <tr>
            
            <!-- name确定是否唯一 -->
            <td>婚姻状况：</td>
            <td>
            <input type="radio" id="wh" name="marry">
            <label for="wh">未婚</label>
                
            <input type="radio" id="yh" name="marry">    
            <label for="yh">已婚</label>
              
             <input type="radio" id="lh" name="marry">
            <label for="lh">离婚</label>
            </td>
        </tr>

        <!-- 第4行 -->
        <tr>
            <td>学历：</td>
            <td><input type="text" value="家里蹲"></td>
        </tr>
        
        <!-- 第5行 -->
        <tr>
            <td>喜欢的类型</td>
            <td>
                <!--type="checkbox"可以实现重选  -->
                <form action="">
                <input type="checkbox" id="wuMei">
                <label for="wuMei">妩媚的</label>

                <input type="checkbox" id="qingXin">
                <label for="qingXin">清新的</label>
                
                <input type="checkbox" id="nianRen">
                <label for="nianRen">粘人的</label>
                
                <input type="checkbox" name="" id="cute">
                <label for="cute">可爱的</label>
                
                  <input type="checkbox" id="handsome">
                <label for="handsome">英俊的</label><br>
                
                <input type="checkbox" id="art">
                <label for="art">文艺青年</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                <input type="reset" value="重选">
                </form>
            </td>
        </tr>

        <tr>
            <td>
                自我介绍
            </td>
            <td>
                <textarea name="" id="" cols="30" rows="5"></textarea>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <input type="submit" value="我要注册" >
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <input type="checkbox" id="agree" checked="checked">
                <label for="agree">我同意该公司的无理要求</label>
            </td>
        </tr>


        <tr>
            <td></td>
            <td><a href="https://login.jiayuan.com/?channel=200&position=102">一键登陆</a></td>
        </tr>

        <tr>
            <td></td>
            <td>
                <h3>我承诺</h3> 
                <li>年满18、单身</li>
                <li>抱着严谨的态度</li>
                <li>真诚寻找另一办</li>
                <li>喜欢鸽鸽</li>
            </td>
        </tr>


    <table>
</body>
</html>

运行结果：
在这里插入图片描述

lxl211
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【20220926】html综合案例世纪佳缘
weixin_44931575的博客
09-26 355
【代码】【20220926】html综合案例世纪佳缘
利用HTML表单做的世纪佳缘小练习
wszwx55的博客
08-06 258
input type="checkbox" name="like" value="rou">柔美。抚媚。可爱。气质。
世纪佳缘网前端设计
qq_57110139的博客
10-28 207
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
html_5_小作业2_世纪佳缘注册页面
dc12499574的博客
04-13 842
文章目录要求效果代码 要求 效果 源码： 链接：https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A 提取码：ouzc 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
青春不常在，抓紧谈恋爱
m0_61687098的博客
10-27 714
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
仿世纪佳缘交友网
02-04
【标题】"仿世纪佳缘交友网"是一个项目，旨在创建一个类似中国知名婚恋网站“世纪佳缘”的在线交友平台。这个项目不仅注重用户体验，还整合了多种支付接口，以便用户可以方便地进行付费服务。 【描述】"完整唔错...
仿世纪佳缘整站 源码
12-02
1. **前端技术**：在仿制世纪佳缘网站时，前端可能采用了HTML5、CSS3和JavaScript，其中可能还涉及jQuery、Vue.js、React或Angular等前端框架，用于实现动态交互和响应式布局，以适应不同设备的浏览。 2. **后端...
love 仿世纪佳缘网
05-19
【爱情之桥：仿世纪佳缘网】 在互联网飞速发展的今天，线上交友与婚恋平台已经成为许多年轻人寻找伴侣的重要途径。"Love 仿世纪佳缘网"项目就是一个致力于模仿知名婚恋网站——世纪佳缘的网络平台。这个项目的核心...
交友程序 仿世纪佳缘版
11-29
交友程序 仿世纪佳缘版
仿世纪佳缘交友网提供免费模板
12-31
【标题】：“仿世纪佳缘交友网提供免费模板” 在这个标题中，“仿世纪佳缘交友网”是指基于世纪佳缘网站的设计风格和功能，创建的一个类似版本，它可能是一个开源项目或者是开发者为了学习和实践而制作的。世纪佳缘...
世纪佳缘源码
03-21
完全免费的婚恋网站世纪佳缘源码下载征婚交友网模板,交友网站模板下载,仿世纪佳缘交友婚恋网站正式版,sns社交网站系统商业版,后台管理从前台网站输入http://***.***.***/admin_login.asp 进入后台管理
世纪佳缘模板，佳缘交友门户网站源码
05-14
配置要求：php+mysql 其他说明：精仿世纪佳缘交友门户网站源码，源码基于php+mysql制作，是某公司商业版源码，功能非常强大，含两种风格，一种紫色模板和精仿世纪佳缘模板。两种模板都非常漂亮，不管是首页还是会员中心都美化的非常到位，给人的感觉就是大气，吸引眼球。绝对值得收藏！
仿世纪佳缘交友网源代码(ASP+SQL2000）
10-26
仿世纪佳缘交友网源代码(ASP+SQL2000）
世纪佳缘网站
02-27
用到了js,JQUERY,css,sql2005等，做的一个世纪佳缘注册网站
用Html实现世纪佳缘交友注册页面是什么体验？
知心宝贝的博客
11-25 1609
一、前言 在零基础必看的Html5+Css3+移动端前端视频教程（三）中主要学习了表格、列表、表单标签的使用，那这篇博客就利用这些知识，实现注册页面。 二、分析页面布局 这是世纪佳缘的官网，目前只凭借html对于页面的美观性还有一定的距离，后面学习了CSS之后，可以慢慢完善，我们主要做到下图这个页面布局就行。 对于上面的页面，我们通过分割成行一步步实现: 第一行为标题文字 第二行为type属性中的file 第三行性别和第六行为type中的radio单选按钮 ...
前端html静态网页——世纪佳缘
freakish
07-16 3587
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;世纪佳缘交友网站&lt;/title&gt; &lt;meta charset="utf-8"&gt;&lt;/head&gt;&lt;body&gt; &lt;form action="http://www.qfedu.com
世纪佳缘简单登录JavaScript
ygdwb的博客
05-13 1314
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> input{
css世纪佳缘网页
qq_42467563的博客
07-04 2526
&lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;世纪佳缘&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table align=&qu
作业作业作业
yst12138的博客
10-21 89
<style> .pink { color: pink; } </style> </head> <body> <table width="800" align="center" cellspacing="20" > <div> </div> <h2 align="center" cla...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值