html简单登录界面代码 完整html网页代码
本篇文章给大家谈谈html简单登录界面代码，以及完整html网页代码对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
求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""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>COOKIES判断是否自动登录</title>
</head>
<body>
<form action="?act=login" method="post">
<input name="username" type="text" id="username" value="<?php if($_COOKIE["usercookies"]!=""){echo$_COOKIE["usercookies"];}?>"/>
<input name="userpassword" type="password" id="userpassword" value="<?php if($_COOKIE["pwdcookies"]!=""){echo$_COOKIE["pwdcookies"];}?>"/>
<!--<img src="yanzhengma_class.php" title="看不清楚?请点击刷新验证码" onClick="this.src='yanzhengma_class.php?t='+(new Date().getTime());" height="20px;"><input name="Code" type="text" id="Code" value=""/>-->
<input name="" type="submit"/>
</form>
<a rel="external nofollow" href="?del=cookies">删除cookies</a>
</body>
</html>
html网页登录界面跳转设计
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。
1) html的实现
<head>
<!--以下方式只是刷新不跳转到其他页面-->
<meta http-equiv="refresh" content="10">
<!--以下方式定时转到其他页面-->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
优点：简单
缺点：Struts Tiles中无法使用
2) javascript的实现
<script language="javascript" type="text/javascript">
//以下方式直接跳转
window.location.href='hello.html';
//以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响
3)结合了倒数的javascript实现（IE）
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second= totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
优点：更人性化
缺点：firefox不支持（firefox不支持span、div等的innerText属性）
3')结合了倒数的javascript实现（firefox）
<script language="javascript" type="text/javascript">
var second= document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent=--second;
if(second< 0) location.href='hello.html';
}
</script>
4)解决Firefox不支持innerText的问题
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText="my text innerText";
} else{
document.getElementById('totalSecond').textContent="my text textContent";
}
</script>
5)整合3)和3')
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second= document.getElementById('totalSecond').textContent;
if(navigator.appName.indexOf("Explorer")>-1){
second= document.getElementById('totalSecond').innerText;
} else{
second= document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect(){
if(second< 0){
location.href='hello.html';
} else{
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText= second--;
} else{
document.getElementById('totalSecond').textContent= second--;
}
}
}
</script>
参考
用Dreamweaver做登陆和注册界面的代码
1、插入一个div，设置为400x300px大小，背景色为米黄色，居中。
2、输入标题文字和用户名、密码，调整位置。
3、继续插入填写部分，插入--表单--文本域，所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username，点击确定。
4、继续同样的方式插入密码的文本域，设置ID为password。因为密码是非明文的，不需要显示，所以我们在属性面板里选择文本域的类型--密码。
5、插入按钮。插入--表单--按钮，插入两个按钮，ID分别设置为login和reg。login按钮设置为登陆，reg按钮设置为注册。
6、初始值是我们未输入内容时，填写框显示的提示文字。
7、这样一个简单的登陆界面就做好了，是不是很简单呢。
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！