模仿相亲网登录与注册/前端二

最新推荐文章于 2023-12-28 17:51:33 发布
最新推荐文章于 2023-12-28 17:51:33 发布
阅读量519 收藏 4
点赞数 2
分类专栏： 学习笔记 HTML和CSS部分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39112101/article/details/88674621
版权 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        sub{
            color: red;
        }
        td{
            height: 40px;
        }

    </style>

</head>
<body>
<div>
<table align="center" width="600px">
    <form action="">
        <tr>
            <!--<td></td>-->
            <td colspan="2" align="center"><h4>青春不常在，抓紧谈恋爱</h4></td>
            <!--<caption>青春不常在，抓紧谈恋爱</caption>-->
            <!--<th>青春不常在，抓紧谈恋爱</th>-->
        </tr>

        <tr>
            <td style="width: 102px">性别</td>
            <td><input type="radio" name="sex" value="0"><img src="man.jpg" alt="">男 <input type="radio" name="sex" value="1">
                <img src="women.jpg" alt="">女</td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <select name="" id="mylistyear">
                    <option value="">请选择年</option>
                    <option value="1990">1990</option>
                    <option value="1991">1991</option>
                    <option value="1992">1992</option>
                </select>
                <select name="" id="mylistmonth">
                    <option value="">请选择月</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
                <select name="" id="mylistday">
                    <option value="">请选择日</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="北京" name="area"></td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" name="marry" value="0">未婚
                <input type="radio" name="marry" value="0">离婚
                <input type="radio" name="marry" value="0">丧偶

            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text" name="xueli" value="小学"></td>
        </tr>
        <tr>
            <td>月薪</td>
            <td><input type="text" name="yuexin" value="5000-10000"></td>
        </tr>
        <tr>
            <td>手机号</td>
            <td><input type="text" name="phone" value=""></td>
        </tr>
        <tr>
            <td>昵称</td>
            <td><input type="text" name="fakename" value=""></td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="like" value="1">妩媚
                <input type="checkbox" name="like" value="2">柔美
                <input type="checkbox" name="like" value="3">可爱
                <input type="checkbox" name="like" value="4">小鲜肉
                <input type="checkbox" name="like" value="5">型男
                <input type="checkbox" name="like" value="6">气质
            </td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td>
                <textarea name="introduce" id="" cols="45" rows="10"></textarea>
                
            </td>
        </tr>
        <tr>
            <td></td>
            <td><img src="btn.png" alt=""></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" name="agree" value="1" checked>我同意注册条款和会员加入标准</td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">我是会员，立即登录</a></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h3>我承诺</h3>
                <ul>
                    <li>年满18岁、单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
       
    </form>
</table>
</div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        td{
            height: 40px;
        }
        th{
            height: 40px;
        }
        input{
            color: #ccc;
        }

    </style>

</head>
<body>

<form action="">
    <table align="center" width="394px">
    <tr>

        <th colspan="2" align="center" style="font-size: 18px;color: #666;">会员登录</th>
    </tr>

    <tr>
        <td style="width: 120px">登录帐号</td>
        <td><input type="text" name="" value="邮箱/ID/手机号"></td>
    </tr>

    <tr>
        <td>密码</td>
        <td><input type="text" value="密码"></td>
    </tr>

    <tr>
        <td></td>
        <td><input type="checkbox" value="1"><span style="font-size: 12px;color: #a4a4a4">两周内自动登录</span></td>
    </tr>

    <tr>
        <td></td>
        <td><img src="login.png" alt=""><a href="#">忘记密码</a></td>
    </tr>

    <tr>
        <td>其他帐号登录</td>
        <td style="font-size: 12px;color: #666"><img src="ico1.png" alt="">&nbsp;&nbsp;QQ帐号 <img src="ico2.png" alt="">&nbsp;&nbsp;新浪微博 <img src="ico3.png" alt="">&nbsp;&nbsp;百度账号</td>
    </tr>

    <tr>
        <td></td>
        <td><a href="ply.html" target="_blank"  style="text-decoration: none">还不是会员？立即注册</a></td>
    </tr>
    </table>
    
</form>

</body>
</html>

 

一匹脱缰的野马
关注
专栏目录
java交友网站
06-20
基于eclipse开发的在线交友网站，使用了servlet+jsp+js+jquery等技术，实现了在线交友，互发邮件等功能，普通交友网站有的功能基本都有，适合作为大学毕业设计或者学习使用。
java---相亲练习
weixin_34302798的博客
12-03 209
public class wu{ public static void main(String[] args){ //TODO 自动生成的方法存根 int a = 0,b = 0,c = 0; int A = 1,B = 1,C = 1; int zhou = a + b + c;{ ...
相亲网站系统
09-10
一个基于vs2008和sql2005的相亲系统
使用 ASP.NET 为自己做一个相亲网站
lesileqin的博客
02-05 4271
文章目录一、效果预览二、源码下载三、需要用到的知识四、系统功能结构五、数据库的设计六、部分代码展示1、DataBase.cs类 操作数据库2、f.cs类json解析3、MarriageMsg.cs类发送信息 一、效果预览 相亲网站 二、源码下载 源码已经上传到我的GitHu...
测试圈相亲平台开发流程（9）：择偶结果弹层-前端开发vue-cli
我去热饭的博客
03-10 429
本平台并非真实运营和使用，仅在于学习研究平台前后端研发技术使用。今天继续开始做这个平台的三大页之一：择偶结果弹层页的前端开发Part1去搞个弹层....其实弹层这个东西，可以有很多种方式做一个出来。我推荐的是直接使用Bootstarp的模态框，然后我们稍微改改，让其符合我们当前主题即可。1首先给我们的匹配按钮 加上俩个属性：data-bs-toggle="modal"data-bs-target="#myModal"意思是链接我们的弹层。2然后找个位置放上我们的弹层dom。注意必须在最外层div之内：写好后
精品源码 / 网页模板 / 仿知乎 / PC端 / 登录注册 / 二维码登录
12-26
描述中提到的"1、这是一款仿知乎PC端登录注册的模版"表明这是一个针对知乎网站界面风格的模仿作品，适用于个人电脑（PC）端。这种模板对于想要创建类似知乎风格的网页设计者来说，可以作为一个快速启动的基础框架，...
仿钉钉网登录注册页面静态html模板
12-04
这个模板是为创建一个与钉钉应用类似的登录和注册界面而设计的，旨在提供用户体验一致性和视觉吸引力。 【描述】"仿钉钉网登录注册页面静态html模板"说明了这个模板是静态的，意味着它不包含任何服务器端的交互逻辑...
基于HTML+CSS的模仿奔驰官网前端静态网页+预览链接.zip
07-07
基于HTML+CSS的模仿奔驰官网前端静态网页+预览链接.zip 网页预览：https://chinastark.github.io/Website/qidian/index.html 【备注】 主要针对计算机相关专业的正在做毕设的学生和需要项目实战的Java、JavaScript、...
前端经典学习项目案例，模仿飞灵网全站HTML+CSS源码
03-15
通过模仿飞灵网的全站源码，你将有机会实战运用以上技术，了解它们在实际项目中的结合方式，同时提升解决实际问题的能力。在实践中不断调试和优化，将加深对前端开发的理解，为今后的项目开发打下坚实基础。这个过程...
学院官网前端模仿.rar
01-30
【标题】"学院官网前端模仿.rar"所涉及的项目是一个前端开发的学习实践，目标是模仿一个学院的官方网站。在这个过程中，开发者将运用HTML、CSS等技术来构建网站的前端界面，实现网页的布局、样式设计以及交互效果。 ...
相亲网站模板
02-28
一个完整的类似相亲的静态页面模板，开发者可根据其功能将其换成动态网站
相亲交友模块源码V5.1.3.zip
01-15
1:增加活动功能。包括发布活动，活动在线报名，支付定金，活动发起类型等2：增加聊天功能，以及VIP会员才能聊天3：增加聊天模板消息提示功能4：增加了很多其他功能5：增加微信客服与关注我们6：增加会员搜索筛选功能7：增加短信验证功能8：增加发布说说图片审核9：优化页面，优化功能10：聊天增加发送图片功能11：活动详情页面开始时间与结束时间合并12：增加聊天聊豆套餐，自由搭配13：设置VIP是否能免费无限制聊天14：增加会员黑名单，限制功能15：增加会员删除功能16：优化页面及增加功能;
javaweb项目相亲网站.zip
05-07
这个是一个javaweb项目，是一个现代的婚恋相亲网站，是现在的年轻人恋爱更加的方便。是一个功能完整，很好的一个JavaWeb项目，可以用来做毕业设计，这个本人自己写的
在线交友网站（Java）
12-15
交友网站 在线相亲 一个交友网站的源代码。用的是JSP ,功能非常的强大。
相亲交友 hulu_like 4.6.6 全开源版
11-11
相亲交友 hulu_like 4.6.6 全开源版
相亲网站-恋爱联盟-UI设计
ICode联盟
08-18 147
模块有点少，读者就得还可以添加些什么功能。
世纪佳缘登录之二，修改
weixin_34358365的博客
07-11 764
今天发现世纪佳缘的以前登录代码不行了，登录不成功。打印content后有毛病，没跳转过去。 需要再次请求一下登录后返回的&lt;script type='text/javascript'&gt;window.location.replace（）中的url。   登录代码改成如下，就是需要多点击一次。 #-*-coding:utf-8-*- import requests,re he...
前端html静态网页——世纪佳缘
freakish
07-16 3653
&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
基于JavaWeb的婚恋交友网站设计与实现
最新发布
程序猿麦小七
12-28 1678
在线交友是互联网发展的必然产物，它改变了人们的网络交往形态，使得人们的即时通信变得更加的直观和亲切，并且具有良好的发展趋势。而交友系统拉近了人与人之间的距离，丰富人们的业余时间，为人们在网络中交友提供了便捷的渠道。管理员模块：管理员登录、照片信息管理、消息模块管理、用户管理、充值与购买、友情链接管理、留言板管理、安全退出等。用户模块：首页、登录注册、我的好友、个人中心、系统公告、系统留言板、信息交流、好友间礼物赠送等。以上是本系统的部分功能展示，如果你的选题正好相符，那么可以做毕业设计或课程设计使用。
制作一个模仿Facebook风格的用户名密码登录/注册的html页面
05-24
以下是一个简单的HTML页面，模仿Facebook风格的用户名密码登录/注册页面。可以根据自己的需求进行修改和美化。 ```html <!DOCTYPE html> <html> <head> <title>Facebook登录</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> body { background-color: #f0f2f5; font-family: Arial, sans-serif; } .container { margin: 100px auto; max-width: 400px; background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 5px; } h1 { font-size: 28px; font-weight: normal; text-align: center; margin-bottom: 20px; } input[type="text"], input[type="password"] { width: 100%; padding: 10px; margin-bottom: 20px; border: none; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1); font-size: 16px; } input[type="submit"] { display: block; margin: 20px auto; background-color: #1877f2; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.1); transition: background-color 0.3s; } input[type="submit"]:hover { background-color: #1565c0; } .center { text-align: center; } a { color: #1877f2; text-decoration: none; font-size: 16px; transition: color 0.3s; } a:hover { color: #1565c0; } </style> </head> <body> <div class="container"> <h1>Facebook登录</h1> <form action="#" method="post"> <label for="username">用户名或电子邮件地址</label> <input type="text" id="username" name="username" required> <label for="password">密码</label> <input type="password" id="password" name="password" required> <input type="submit" value="登录"> <div class="center"> <a href="#">忘记密码？</a> </div> <hr> <div class="center"> <a href="#">创建新帐户</a> </div> </form> </div> </body> </html> ``` 该页面包括一个登录表单，包含用户名或电子邮件地址和密码输入框，以及登录按钮。页面还包括一个忘记密码的链接和一个创建新账户的链接。在页面中使用了简单的CSS样式来美化表单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值