登陆界面html下载（超级简单html登录界面）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享登陆界面html下载的知识，其中也会对超级简单html登录界面进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
- 1、html登陆界面代码
- 2、html网页设计：一个简单的登录界面代码！
- 3、求html登陆界面详细代码 要可以登陆，不用数据库保存，只要验证账号密码正确，就连接到另外一个.html的界
- 4、登录页面html代码
- 5、求html登陆界面详细代码。要可以登陆，用数据库保存。
- 6、求html登陆界面详细代码 要可以登陆，用数据库保存
html登陆界面代码
form method="post" action="###" name="myform" onsubmit="checkpost()"
label for="name"用户名：/labelinput type="text" name="name" id="name" /br /
label for="pw"密码：/labelinput type="password" name="pw" id="pw" /br /
input type="submit" value="提交" /
/form
script
function checkpost(){
if(document.forms[0].name.value=="你要的用户名"document.forms[0].pw.value=="你要的密码"){
window.location="你要跳转的地址";
}else{
alert("用户名或密码不正确！")
return false;
}
}
/script
html网页设计：一个简单的登录界面代码！
!doctype html
html
head
meta charset="utf-8"
link href="main.css" type="text/css" rel="stylesheet"
title登陆界面/title
/head
body
div class="login_ico"
img src="images/login_ico.png"
/div
div class="login_putin"
ul
liinput type="text" /li
liinput type="password" /li
/ul
/div
div class="login_btn"
input type="submit" value="登陆"
/div
/body
/html
样式 ：
*{
margin:0;
padding:0;}
li{
list-style-type:none;
margin:0;
padding:0;}
a{
text-decoration:none;
color:#000;}
/*---------------------按钮-----------------------------*/
.login_putin ul li input{
margin: 0;
width:70%;
padding: 1em 2em 1em 5.4em;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border: 1px solid #999;
}
.login_btn{
width:300px;
margin:40px auto 0 auto;
}
.login_btn input{
width:100%;
margin:0;
padding:.5em 0;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border:#1263be solid 1px;
background:#1b85fd;
color:#FFF;
font-size:17px;
font-weight:bolder;
letter-spacing:1em;
}
.login_btn input:hover{
background:#1263be;
}
求html登陆界面详细代码 要可以登陆，不用数据库保存，只要验证账号密码正确，就连接到另外一个.html的界
script
function check(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="a" pass=="a"){
alert("登入成功");
window.document.f.action="b.html";
window.document.f.submit();
}else{
alert("用户名或密码错误");
}
}
/script
form name="f" action=""
用户名:INPUT TYPE="text" NAME="" id="name"br
密码:INPUT TYPE="password" NAME="" id="pass"br
INPUT TYPE="button" value="登入" onclick="check()"INPUT TYPE="reset" value="重置"
/form
不知道能不能符合你的要求 若有不足的地方请谅解和指导 呵呵
登录页面html代码
html xmlns=""head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
title贵美商城/title
link rel="stylesheet" type="text/css" href="css/global.css"
link rel="stylesheet" type="text/css" href="css/layout.css"
script type="text/javascript"
// snameCheck() passCheck()
function validateform(){
if(snameCheck() passCheck())
return true;
else
return false;
}
// Screen Name Validation
function snameCheck(){
var sname = document.getElementsByName("sname")[0].value;
var illegalChars = /\W/;
if(sname.length != 0){
if(illegalChars.test(sname)){
document.getElementById("passMsg").innerHTML.replace(/'会员名无效'/,'');
document.getElementById("passMsg").innerHTML='会员名无效';
document.getElementsByName("sname")[0].select();
return false;
}
}
else
{
document.getElementById("userMsg").innerHTML.replace(/'是否忘记输入会员名？'/,'');
document.getElementById("userMsg").innerHTML='是否忘记输入会员名？';
document.getElementsByName("sname")[0].focus();
return false
}
if(sname!=="zhangsan"){ //验证会员名必须为张三
document.getElementById("userMsg").innerHTML.replace(/'是否输入的会员名有错？'/,'');
document.getElementById("userMsg").innerHTML='是否输入的会员名有错？';
document.getElementsByName("sname")[0].focus();
return false;
}
return true;
}
function passCheck(){
var userpass = document.getElementsByName("pass")[0].value;
var illegalChars = /[\W_]/;// allow only charactors and numbers
// Check if Password field is blank.
if(userpass == ""){
document.getElementById("passMsg").innerHTML.replace(/'未输入密码 \n" + "请输入密码'/,'');
document.getElementById("passMsg").innerHTML='未输入密码 \n" + "请输入密码';
document.getElementsByName("pass")[0].focus();
return false;
}
// Check if password length is less than 6 charactor.
if(userpass.length 6){
document.getElementById("passMsg").innerHTML.replace(/'密码必须多于或等于 6 个字符。\n'/,'');
document.getElementById("passMsg").innerHTML='密码必须多于或等于 6 个字符。\n';
document.getElementsByName("pass")[0].focus();
return false;
}
//check if password contain illigal charactors.
else if(illegalChars.test(userpass)){
document.getElementById("passMsg").innerHTML.replace(/'密码包含非法字符'/,'');
document.getElementById("passMsg").innerHTML='密码包含非法字符';
document.getElementsByName("pass")[0].select();
return false;
}
if(userpass!=="123456"){ //验证密码必须为123456
document.getElementById("passMsg").innerHTML.replace(/'密码错误，请重新输入！'/,'');
document.getElementById("passMsg").innerHTML='密码错误，请重新输入！';
document.getElementsByName("pass")[0].focus();
return false;
}
return true;
}
/script
script type="text/javascript" charset="utf-8" src=""/script/head
body
div id="container"
iframe id="header" src="header.htm" width="980" height="136" frameborder="0" scrolling="no"/iframe
form action="login_success" method="post"
div class="login"
ul class="form f_l"
h1img src="images/logintitle.gif" alt="会员登录"/h1
li class="login_list"label会员名：/labelinput type="text" name="login"（可包含 a-z、0-9 和下划线）/li
li class="login_list"label密nbsp;nbsp;nbsp;码：/labelinput type="text" name="pwd"（至少包含 6 个字符）/li
li class="a_c"img src="images/login.gif" alt="登录"/li
li class="desc"δnbsp;nbsp;a href="#"什么是安全登录/a。/li
li class="desc"δnbsp;nbsp;香港会员（繁体中文用户）由此a href="#"登入/a/li
li class="desc"δnbsp;nbsp;a href="#"密码安全贴士/a。/li
li class="desc"δnbsp;nbsp;防止病毒或者木马窃取您的账户信息，a href="#"在线检查/a您的电脑是否安全。/li
/ul
h1img src="images/register.gif" alt="注册会员"/h1
ul class="aside f_l"
li class="regpic"span便宜有好货！/span超过7000万件商品任您选。/li
li class="regpic regpic2"span买卖更安全！/span交易超安全。/li
li class="regpic regpic3"span免费开网店！/span轻松赚钱交友。/li
li class="regpic regpic4"span超人气社区！/span彩活动每一天/li
li class="a_c"a href="#"img src="images/registernow.gif" alt="现在就注册"/a/li
ul class="reged"
li class="regpic regpic5"您已经是会员？a href="#"由此登入/a/li
li class="regpic regpic6"繁体中文用户由此a href="#"注册/a/li
/ul
/ul
/div
/form
iframe id="footer" src="footer.htm" width="980" height="136" frameborder="0" scrolling="no"/iframe
/div !--container end--
div class="_bd_ext_tip" style="visibility: hidden;"span class="_bd_ext_search"百度一下/spanspan class="_bd_ext_open"打开链接/spanspan class="_bd_ext_copy"复制/span/div/body/html
求html登陆界面详细代码。要可以登陆，用数据库保存。
这是我曾经写过的一个登录页面的详细代码，供你参考，asp的代码，不知道你看得懂不？\x0d\x0a文件名是：deafaule.asp\x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a欢迎使用 \x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0afunction FrontPage_valid() {\x0d\x0a if (document.FrontPage_Form.loginName.value == "") {\x0d\x0a alert("请先输入 [用户名] !n如果没有帐号请先 注册!");\x0d\x0a document.FrontPage_Form.loginName.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.loginName.value.length < 2) {\x0d\x0a alert("在 [用户名] 中，请至少输入 2 个字符！");\x0d\x0a document.FrontPage_Form.loginName.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.loginPassword.value == "") {\x0d\x0a alert("请输入[密码]！");\x0d\x0a document.FrontPage_Form.loginPassword.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.loginPassword.value.length < 5) {\x0d\x0a alert("在 [密码] 中，请至少输入 5 个字符！");\x0d\x0a document.FrontPage_Form.loginPassword.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.FrontPage_Yzm.value == "") {\x0d\x0a alert("请输入[验证码]!");\x0d\x0a document.FrontPage_Form.FrontPage_Yzm.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.FrontPage_Yzm.value.length != 5) {\x0d\x0a alert("在 [验证码] 中，请输入 5 位数字！");\x0d\x0a document.FrontPage_Form.FrontPage_Yzm.focus();\x0d\x0a return false;\x0d\x0a }\x0d\x0a else if (document.FrontPage_Form.FrontPage_Yzm.value.length == 5) {\x0d\x0a var i=0,ch;\x0d\x0a for (i=0;i\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a 用户名：\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a 密 码：\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a 验证码：\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a 如果您还没有帐号，请点此 注册\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a Copyright 2012 All Rights Reserved\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a if (screen.width == 1440) {\x0d\x0a document.write("
"); \x0d\x0a }\x0d\x0a else if (screen.width == 1280){\x0d\x0a document.write("
"); \x0d\x0a }\x0d\x0a else {\x0d\x0a document.write("
"); \x0d\x0a }\x0d\x0a\x0d\x0a建议使用 IE8.0或更高版本的浏览器，推荐分辨率1440×900 或更高
\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a
求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删除成功brB class='chengse STYLE1' id=second5/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" /
titleCOOKIES判断是否自动登录/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
登陆界面html下载的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于超级简单html登录界面、登陆界面html下载的信息别忘了在本站进行查找喔。
