html+css登录页面(html+css的简单页面代码)

编程之家2026-07-021111次浏览

这篇文章给大家聊聊关于html+css登录页面，以及html+css的简单页面代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

求html登陆界面详细代码要可以登陆,用数据库保存

上面给你的是asp的，这边给你个php的，你看下，不懂再问我

<?php

include("config.php");

session_start();

/*--------------------删除cookies记录，让cookies过期-----------------------------------*/

if($_GET["del"]=="cookies")

{

setcookie("usercookies","", time()-3600);

setcookie("pwdcookies","", time()-3600);

echo"<SCRIPT type=text/javascript>

var n= 5;

var timer= setInterval(function(){

n--;

document.getElementById('second').innerHTML= n;

if(n== 0){

clearInterval(timer);

window.location='login.php';

}

}, 1000);

</SCRIPT>删除成功<br><B class='chengse STYLE1' id=second>5</B>秒后回到首页";

exit();

}

/*------------------------如果判断已经有cookies存在，则进行自动登录操作----------------------------------*/

if($_COOKIE["usercookies"]!="" and$_COOKIE["pwdcookies"]!="")

{

$username=$_POST["username"];

$userpassword=$_POST["userpassword"];

$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");

$rs=mysql_fetch_array($sql);

echo"自动跳转成功";

//exit();

}

/*----------------------------点击登录按钮后的动作act=login----------------------------------*/

if($_GET["act"]=="login")

{

/*------------------判断获取的验证码是否一致-------------------------*/

/*if(strtoupper($_SESSION["vcode"])!=strtoupper($_POST["Code"]))

{

echo("<script type='text/javascript'> alert('对不起，验证码错误！');location.href='javascript:onclick=history.go(-1)';</script>");

exit();

}*/

/*------------------------点击登录按钮后如果判断已经有cookies存在，则进行自动登录操作----------------------------------*/

if($_COOKIE["usercookies"]!="" and$_COOKIE["pwdcookies"]!="")

{

$username=$_POST["username"];

$userpassword=$_POST["userpassword"];

$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");

$rs=mysql_fetch_array($sql);

if($_POST["username"]==$rs["username"] and$_POST["userpassword"]==$rs["userpassword"])

{

echo"<script type='text/javascript'> alert('存在cookies登录跳转成功！');location.href='javascript:onclick=history.go(-1)';</script>";

exit();

}

else

{

echo"<script type='text/javascript'> alert('存在cookies登录跳转失败！');location.href='javascript:onclick=history.go(-1)';</script>";

exit();

}

exit();

}

/*-------------------点击登录后判断cookies不存在则进行登录比较用户名密码------------------------------*/

$username=$_POST["username"];

$userpassword=md5($_POST["userpassword"]);

$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");

if($rs=mysql_fetch_array($sql))

{

/*---------------------用户名密码判断正确，写入cookies动作，同时进行跳转------------------------------------*/

setcookie("usercookies",$_POST["username"], time()+3600*48);

setcookie("pwdcookies", md5($_POST["userpassword"]), time()+3600*24);

header('Location: ;);

exit();

}

else

{

/*-------------------判断用户名密码错误，弹出错误提示---------------------------*/

echo"<script type='text/javascript'> alert('用户名或密码错误，请重新输入！');location.href='javascript:onclick=history.go(-1)';</script>";

exit();

}

$user_IP=$_SERVER["REMOTE_ADDR"];//获取访问者IP

$file_name=date('Y-m-d').'.txt';//以当前的日期建立txt文件

$file=fopen($file_name,"a+");//如果存在该文件就打开，如果不存在就创建

fwrite($file,$user_IP.'--'.date('Y-m-d H:i:s')."\r\n");//将访问者IP及当前时刻写到文件最后,\r\n在文档最后换行

fclose($file);//关闭文件

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<head>

<title>COOKIES判断是否自动登录</title>

</head>

<body>

</form>

<a rel="external nofollow" href="?del=cookies">删除cookies</a>

</body>

</html>

设计一个用户登录页面login.asp

这是我写的一个信息管理系统的登录模块。登录模块和验证密码模块（check）放在了一起。希望对你有帮助。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>

Response.expires= 0

Response.expiresabsolute= Now()- 1

Response.addHeader"pragma","no-cache"

Response.addHeader"cache-control","private"

Response.cachecontrol="no-cache"

If Request("action")="logout" Then

session("username")=""

session("password")=""

session("classid")=""

session("userlevel")=""

Response.Redirect"../index.asp"

End If

dim username,password,rs,sql,action,yz

set rs=server.createobject("adodb.recordset")

action=trim(request("action"))

yz=request("yz")

If not IsNumeric(Request.Form("yz")) Then

call showErr("你输入的验证码为非数字！")

End If

if isempty(action) or isnull(action) then

response.redirect"admin_login.asp?action='displayFrm'"

end if

select case action

case"login"

call login()

case displayFrm

call LoginFrm()

case else

call LoginFrm()

end select

sub login()

if request("username")="" or request("password")="" or request("yz")="" then

call showErr("请输入正确的的用户名或密码或验证码！")

end if

If(int(Session("GetCode"))=int(Request.Form("yz"))) Then

username=trim(request("username"))

admin_password=trim(request("password"))

username=ProtectSQL(username)

admin_password=ProtectSQL(admin_password)

sql="select* from gradeweb_user where username='"&username&"' and password='"&admin_password&"'"

rs.open sql,conn,3,1

if not(rs.eof and rs.bof) then

if rs("classid")<>"0" then

'如果不是超管,则连接查询班级信息

rs.close

sql="select A.classid,A.userlevel,B.classname,B.gradename,A.username,A.password from gradeweb_user as A INNER JOIN gradeweb_class as B on A.classid=B.classid where A.username='"&username&"'"

sql=sql&" and A.[password]='"&admin_password&"'"

rs.open sql,conn,3,1

end if

else

call showErr("用户名或密码不正确，请认真查证后再输入！")

end if

if rs.eof and rs.bof then

call showErr("用户名\密码不正确，请认真查证后再输入！")

elseif rs("userlevel")="0" then

session.timeout=60

session("userlevel")="0"

session("username")=username

response.Redirect"admin_index.asp"

else

session.timeout=60

session("classid")=rs(0)

session("userlevel")=rs(1)

session("username")=username

session("classname")=rs(2)

session("gradename")=rs(3)

response.redirect"admin_index.asp"

end if

else

call showErr("输入的验证码错误，建议设置浏览器接受COOKIE的安全级别！")

end if

rs.close

end sub

sub LoginFrm()

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<head>

<title>GradeWeb登陆窗口</title>

function CheckLoginFrm()

{

if(document.form1.username.value=="")

{

document.form1.username.focus();

lbluser.innerHTML="<font color=red>用户名不能为空！</font>";

return false;

}

else if(document.form1.password.value=="")

{

document.form1.Password.focus();

lblpass.innerHTML="<font color=red>密码不能为空！</font>";

return false;

}

else if(document.form1.yz.value=="")

{

document.form1.yz.focus();

lblpass.innerHTML="<font color=red>验证码不能为空！</font>";

return false;

}

else return true;

}

</script>

</head>

<html>

<body>

<td colspan="2" valign="middle">管理员登录</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

<%end sub%>

html官网登录入口_html网站成品免费入口

HTML官网登录入口为：，该平台提供免费HTML模板下载服务，用户无需注册即可获取包含HTML、CSS、JS的完整代码包，支持响应式设计与主流框架集成，适用于学习、作品展示及快速建站需求。以下是详细说明：

平台核心功能模板资源丰富

涵盖个人主页、企业展示、作品集等多样化类型，满足不同场景的建站需求。

所有模板采用响应式设计，适配手机、平板和桌面设备，确保跨终端显示效果一致。

便捷下载与开发

支持一键下载完整代码包（含HTML、CSS、JS文件），无需注册即可获取资源。

代码结构规范，注释详细，遵循现代前端开发标准，便于本地调试与二次开发。

技术集成优势

集成Bootstrap、jQuery等主流框架，提升页面交互能力，同时保持轻量级加载速度。

每个项目经过跨浏览器测试（Chrome、Firefox、Safari等），减少兼容性问题。

支持自定义字体与图标库调用，增强视觉表现力，助力个性化网站设计。

使用场景推荐教育用途

学生可套用模板完成课程设计或毕业项目，节省开发时间。

前端初学者可通过研究源码提升对HTML+CSS布局的理解与实战能力。

职业展示

自由职业者可用模板快速搭建作品展示页，用于接单或求职简历展示。

小型团队可部署内部演示站点或活动宣传页，实现临时需求快速落地。

技术学习

平台提供“前端免费学习笔记（深入）”等资料，辅助系统化学习。

代码规范性与框架集成案例适合开发者参考，提升开发效率。

平台特点总结界面简洁直观：分类清晰，新手也能快速定位所需模板。零门槛获取：无需注册即可下载资源，降低使用成本。兼容性强：跨浏览器测试保障代码稳定性，减少调试负担。个性化支持：自定义字体与图标库调用功能，满足差异化设计需求。用户可通过访问直接获取资源，平台资源完全免费，适合从初学者到专业开发者的多层次需求。

关于html+css登录页面的内容到此结束，希望对大家有所帮助。

编辑html的软件有哪些，如何编辑html文件html样式模板(h5页面制作模板)

html+css登录页面(html+css的简单页面代码)

求html登陆界面详细代码 要可以登陆,用数据库保存

设计一个用户登录页面login.asp

html官网登录入口_html网站成品免费入口

求html登陆界面详细代码要可以登陆,用数据库保存