简单案例之人人网登录界面

最新推荐文章于 2023-10-27 20:53:31 发布
最新推荐文章于 2023-10-27 20:53:31 发布
阅读量2k 收藏 2
点赞数
文章标签： html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43696174/article/details/123664600
版权 
<head>
	<meta charset="UTF-8">
	<title>人人网首页</title>
	<link rel="stylesheet" href="normalize.css" />
	<style>
		form {
			width: 667px;
			height: 612px;
			margin: 0 auto;
			padding-left: 10px;
			border: 1px gray solid;
		}
		
		.logo {
			widows: 260px;
			height: 60px;
			margin-top: 30px;
		}
		p {
			font-size: 18px;
			line-height: 15px;
			font-family: "微软雅黑";
		}
	</style>
</head>

<body>
	<form name=" " method=" " action="">
		<img src="image/renren_titile.gif" alt="" class="logo" />
		<p>人人网，中国<b>最真实，最有效</b>的社会平台，加入人人网，找回老朋友，结交新朋友。</p>
		<div>
			电子邮箱:
			<input type="email" name="useemial" value="student@bdqn.cn" size="30"  style="margin-left: 13px; color: lightgray;"/>
			<br /> <br /> 设置密码：
			<input type="password" name="usepword"  size="30"/>
			<br> <br /> 真实姓名：
			<input type="text" name="name" size="30" /><br> <br /> 性别：
			<input type="radio" name="sex" value="male" checked="checked">男&nbsp;&nbsp;<input type="radio" name="sex" value="male" >女
		</div>


生日：

1989
1990
1991
1992
年

9
10
11
12
月

28
29
30
31
日

为什么要填写我的生日？


我现在：

学生
老师
请选择身份
杂鱼
(非常重要)


看不清换一张？

验证：



#

轨道骑士
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
人人网登陆页面
05-13
使用web 中的div+css开发的人人网的登陆页面，几乎完全一样
人人网登录
12-08
人人网第三方登录,直接下过来用就是了，代码很简单
android客户端功能,人人网Android版手机客户端功能详解
weixin_30395941的博客
05-25 631
【IT168 软件频道】人人网Android客户端共分为首页、个人主页、好友和站内信四大部分，主要针对google手机软件系统，下面我们就对以上四大功能进行详细解读。登录首先运行手机上的人人网软件，打开登录页面(如图1)。如果你是未注册用户，请先点击注册，进行注册(如图2)。如果是已注册用户，填写你的人人网帐号和密码，点击登录即可转入首页(如图3)。进入首面后按手机上的“Menu”键会出现4个菜单...
注册人人网页面
nick988217的博客
02-06 7998
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>人人网注册页面</title> </head> <body> <!--人人网logo以及网站的介绍--> <header> &lt...
人人网注册页（表格表单）
ZZ0210的博客
08-31 531
img src="./人人网注册页/image/renren_titile.gif" alt="">女性别：男。电子邮箱：设置密码：真实姓名：
html和css制作人人网注册界面
thels_的博客
10-27 469
【代码】html和css制作人人网注册界面。
人人网的登录页面
热门推荐
weixin_33859231的博客
04-11 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
人人网首页登录页面html码,人人网的登录页面 - BryanYang的个人空间 - OSCHINA - 中文开源技术交流社区...
weixin_42416490的博客
06-04 8653
一个朋友近来在弄验证码，他接触前台不久，对脚本不熟，于是我就帮它简单写了个jquery拉取验证码图片的代码。当然，这三五行代码不是我要说的。不到一分钟写完之后，想找个验证码图片，于是就找人人啦，之后很好奇人人网的验证码图片地址是：不过，我好奇地想知道，url 中不传递任何客户端的信息，如何在后台验证 用户输入的验证码呢。如何知道哪个用户该用哪个验证码比较呢？打开chrome调试，我发现但凡鼠标cl...
简单的仿人人网登录页面控件
09-20
参考人人网登录界面，用div画的很简单，css也是基本的样式。
Qt案例仿qq登陆界面
04-07
Qt案例仿qq登陆界面
人人网（校内）自动登录
11-19
最近想找个新校内（人人网）的登录程序，网上找啊找啊发现都是老校内的，不能直接用，于是乎自己写了个简易的。用到了几个Libarary已经放在压缩包里了，请自行添加。 说了是简易版，就是没有功能～抛砖引玉吧。 至于登录之后大家干嘛～就是各位自己的事了。 欢迎联系讨论～互相学习哈
人人网接口可以登陆自己的程序
01-08
辛苦好久了终于弄出来了人人网的接口！
登陆人人网的教程，教您登陆人人网的三种方法，方便灵活
12-10
登陆人人网的教程,本教程是笔者亲手制作，不妥之处还望提出您的宝贵意见和建议，这是一个可执行文件，解压后就可直接打开，决对的绿色
新手入门案例 HTML表单之人人网
03-22
新手入门案例 HTML表单之人人网
Web应用界面设计精彩案例分享
03-02
只有它的设计满足客户的基本需求，具有简单、响应式、易使用的界面才能满足上述的目标。因此，设计者必须使用最好的Web开发与设计技巧，同时要注意几个注意事项，比如空白区域、UI加载速度优化、信息与说明的恰当...
测试案例之登录界面测试
最新发布
04-17
1. 正常情况下的登录 2. 无效的用户名和密码 3. 空用户名和密码 4. 密码遗忘 5. 账号锁定 6. 跨站脚本（XSS）攻击 7. 跨站请求伪造（CSRF）攻击
[案例]30个优秀的后台管理界面设计
02-03
天这篇文章收集了30个漂亮的应用程序后台管理界面分享给大家。这些界面都是来自themeforest网站，虽然直接下载需要付费...希望这些漂亮的后台管理界面设计案例能帮助到你。（有登录界面的，点击登录即可进入后台界面）
人人网登陆
cheng535的博客
08-14 2868
自己更改cookie的值 from Day1.tuozhan_all import get # 0. url # 1. 构造headers # 2. 调用get函数 # 3. 保存页面 url = 'http://www.renren.com/966927992' headers = { #'Accept': 'text/html,application/xhtml+xml,a...
人人网登陆 一
fyw0615的博客
08-14 2092
#导入封装文件（爬虫基础：函数封装(更新一)） from tuozhan_all import post, get import json from urllib import request, parse # 保存cookie from http import cookiejar # 通过对象保存cookie cookie_object = cookiejar.CookieJar()...
登陆界面验证表单案例
05-24
好的，以下是一个简单的登陆界面验证表单案例： HTML 代码： ``` <form> <div> <label for="username">用户名：</label> <input type="text" id="username" name="username" required> </div> <div> <label for="password">密码：</label> <input type="password" id="password" name="password" required> </div> <button type="submit">登录</button> </form> ``` 上述代码中，使用了 HTML5 的 `required` 属性来确保在提交表单时，表单中的用户名和密码都不能为空。 接下来，我们可以使用 JavaScript 来添加更复杂的验证逻辑，例如： ``` const form = document.querySelector('form'); const username = document.querySelector('#username'); const password = document.querySelector('#password'); form.addEventListener('submit', (e) => { e.preventDefault(); // 验证用户名和密码是否为空 if (username.value === '' || password.value === '') { alert('请输入用户名和密码！'); return; } // 验证用户名是否为邮箱格式 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(username.value)) { alert('用户名必须为邮箱格式！'); return; } // 验证密码是否符合要求 const passwordRegex = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/; if (!passwordRegex.test(password.value)) { alert('密码必须至少包含一个字母和一个数字，并且长度不能少于8个字符！'); return; } // 如果所有验证通过，则提交表单 form.submit(); }); ``` 上述代码中，我们使用了 JavaScript 来添加更复杂的验证逻辑，例如验证用户名是否为邮箱格式、验证密码是否符合要求等。 当用户点击“登录”按钮时，JavaScript 代码会阻止表单的默认提交行为，并根据验证结果来提示用户相应的错误信息，或者提交表单。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值