html登录界面源码
A. 求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: http://www..com/');
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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 href="?del=cookies">删除cookies</a>
</body>
</html>
B. 用html代码编写一个简单的登陆界面
<!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">
<title>登录</title>
<link href="css/bootstrap.min.css" rel="stylesheet"></head><body><nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="./">jsp作业</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="login.html">登录</a></li>
</ul>
</div>
</div></nav><div class="container">
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4">
<form class="form-signin" target="submitFrame" method="post">
<h2 class="form-signin-heading">登录到jsp作业</h2>
<label for="inputEmail">Email</label>
<input type="email" id="inputEmail" class="form-control" placeholder="请输入Email" required autofocus><br>
<label for="inputPassword">密码</label>
<input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me" checked="checked"> 记住密码 </label>
</div>
<button type="submit" class="btn btn-primary" id="btn-login">登录</button>
<a href="reg.html" class="btn btn-default">注册</a>
</form>
<iframe style="display: none;" name="submitFrame" src="about:blank"></iframe>
</div>
<div class="col-md-4">
</div>
</div>
<script src="js/jquery.min.js"></script></body></html>
C. 怎么在html登陆界面源码添加判断用户名密码。就一个用户。无数据库
用正则啊，没有数据库的意思，自己前端写的死数据吧。
正则随时判断，数组(自己写的数组)中与输入框内容是否一致。
如果一致，点击登录，登录成功。
这是用的热加载。可以不用提交到后端就可以判断。
也可以点击按钮后，判断输入框内容是否和你自己想要的数据一致
if(username==“admin”&&password=="123"){
alert("登录成功")}else{
alert（"密码或者账号不正确"）}
D. 求代码，用html做一个用户名密码登录界面，用JavaScript调用XML文件中已有的列表进行对比
你好，我帮你实现了你需要的功能。
首先你建立一个xml文件穗做：data.xml用来保存用户名和密码，我写了如下内容保存至此data.xml文件内
————————————————
<?xml version="1.0" encoding='gb2312'?>
<user>
<id>001</id>
<name>leezi</name>
<pass>ms#leezi</pass>
</user>
———————————————————
然后写登录页面login.html，代码如下：
——————————
<html>
<head>
<style type="text/css"察族咐>
</style>
</head>
<body>
name:<input type="text" id="input_name"/>
pass:<input type="password" id="input_pass"/>
<input type="button" value="login" onclick="validate()"/>
<script type="text/javascript">
function loadXMLDoc(dname)
{
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e) {alert(e.message)}
}
try
{
xmlDoc.async=false;
xmlDoc.load(dname);
return(xmlDoc);
}
catch(e) {alert(e.message)}
return(null);
}
function validate(){
xmlDoc=loadXMLDoc("data.xml");
if(window.ActiveXObject){
var nodes=xmlDoc.documentElement.childNodes;
var xml_name=nodes[1].childNodes[0].nodeValue;
var xml_pass=nodes[2].childNodes[0].nodeValue;
if((xml_name==document.getElementById("input_name").value)&&(xml_pass==document.getElementById("input_pass").value)){
document.write("successfully login");
return true;
}else{
document.write("败纯name or pass,one is wrong");
return false;
}
}else if(typeof DOMParser!="undefined"){
var doc=xmlDoc.documentElement;
var xml_name=doc.childNodes[3].childNodes[0].nodeValue;
var xml_pass=doc.childNodes[5].childNodes[0].nodeValue;
if((xml_name==document.getElementById("input_name").value)&&(xml_pass==document.getElementById("input_pass").value)){
document.write("successfully login");
return true;
}else{
document.write("name or pass,one is wrong");
return false;
}
}
}
</script>
</body>
</html>
——————————————————————
注意data.xml和login.html两个文件放到同一个目录下面。处理完上述步骤后打开login.html输入用户名和密码进行测试，你可以在data.xml里面看到我设置的name和pass分别为:leezi和ms#leezi
你可以输入进行测试。
E. html网页设计：一个简单的登录界面代码！
大致形式应该是这样的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
</head>
<body>
<div align="center">
<form action="" name="myform">
<table>
<tr>
<td>用户名：</td>
<td><input type="text" id="user" /></td>
</tr>
<tr>
<td>密 码：</td>
<td><input type="text" id="password" /></td>
</tr>
<tr>
<td>验证码：</td>
<td align="left"><input type="text" size="5" id="code" /></td>
</tr>
</table>
</form>
<table>
<tr>
<td>
<input type="submit" value="提交" onclick=myfun_submit() />
</td>
<td>
<input type="submit" value="重置" onclick=myfun_reset() />
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function myfun_submit(){
var user_val = document.getElementById("user").value;
var password_val = document.getElementById("password").value;
if(user_val==""){
alert("用户名不能为空！！");
}else if(password_val==""){
alert("密码不能为空！！！");
}
}
function myfun_reset(){
document.getElementById("user").value = "";
document.getElementById("password").value = "";
document.getElementById("code").value = "";
}
</script>
</body>
</html>
F. HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码
如下参考：
1.首先孝物冲，在您的计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。
G. 求html登陆界面详细代码。要可以登陆，用数据库保存。
这是我曾经写过的一宽消毁个登录页面的详细代码，供你参考，asp的代码，不知道你看得懂不？x0dx0a文件名是：deafaule.aspx0dx0a x0dx0a<% @ Language=VBScript %>x0dx0ax0dx0ax0dx0a
x0dx0aH. html登陆界面代码
实现这个功能要两个网页，一个是前台静态网页，用两个文本框分别为t1，t2，一个按钮active后面写上你要跳转的后台网页的名称如"houtai.asp"
以下是houtai.asp的代码
<%
dim
a,b
a=request.from("t1")
b=request.from("t2")
if
a<>admin
then
response.write
"用户名错误"
else
if
b<> 123456
then
response.write
"密码错误"
else
response.redirect
"你要转到的主页.asp"
end
if
end
if
%>