html网页登录代码（html登陆页面代码）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
本篇文章给大家谈谈html网页登录代码，以及html登陆页面代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
登录页面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网页设计：一个简单的登录界面代码！
!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登陆界面代码
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网页登录代码和html登陆页面代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
