网站建设设计登录页面代码（网页设计登录注册页面）
本篇文章给大家谈谈网站建设设计登录页面代码，以及网页设计登录注册页面对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
- 1、html网页设计：一个简单的登录界面代码！
- 2、这个首页的html5网站设计代码（尤其是头部那登录注册代码怎么写）
- 3、javascript html 设计一个登录界面
- 4、网站登录代码怎么写
- 5、HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码
- 6、网页制作中登陆界面设计代码
html网页设计：一个简单的登录界面代码！
!doctype html
html
head
meta charset="utf-8"
link href="main.css" type="text/css" rel="stylesheet"
title登陆界面/title
/head
body
div class="0986a52b0133caf4 login_ico"
img src="images/login_ico.png"
/div
div class="a52b0133caf4a1eb login_putin"
ul
liinput type="text" /li
liinput type="password" /li
/ul
/div
div class="0133caf4a1eb9e0f 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;
}
这个首页的html5网站设计代码（尤其是头部那登录注册代码怎么写）
首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签（还有一些新的特性，例如数据库和缓存等特性）
以下为此页面的结构代码：
!doctype html
html
head
meta charset="utf-8"
meta name="revised" content="" /
meta name="keywords" content="" /
meta name="description" content="" /
meta name="author" content="" /
meta name="robots" content="all" /
title页面标题/title
/head
body
header
div/div!--登陆注册区域--
/header!--头部[html5新标签]--
nav/nav!--导航[html5新标签]--
div/div!--banner--
div/div!--左上--
div/div!--右上--
div/div!--左下--
div/div!--右下--
footer/footer!--底部[html5新标签]--
/body
/html
注：以上为页面的大的框架，相对用HTML5新的标签更合理的，全用上了新的带有语义标签。
另外多说一下，[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签，所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了，咱在制作代码的过程中没必要必须用HTML5的代码，主要看是否合理，合理的为较合适的。
多说的：不管用XHTML还是HTML5写代码，结构（HTML5）与样式（CSS）尽量要分离！
希望能帮到你！
javascript html 设计一个登录界面
注册页面代码：
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
title注册/title
/head
body
form method="post" onsubmit="return false" id="form"
input type="text" name="username" placeholder="用户名"br
input type="password" name="password" placeholder="密码"br
input type="password" name="rePassword" placeholder="再次输入密码"br
input type="submit" onclick="register_user()" value="注册"br
/form
a href="login.html"去登录/a
script
var localDB = openDatabase('localDB', '1.0', 'Test DB', 2 * 1024 * 1024);
localDB.transaction(function (ts) {
ts.executeSql('CREATE TABLE IF NOT EXISTS user(username,password)')
});
function register_user() {
var username = document.getElementsByTagName("input")[0].value;
var password = document.getElementsByTagName("input")[1].value;
var rePassword = document.getElementsByTagName("input")[2].value;
if(password != rePassword)
{
alert("两次输入的密码不同，请重新输入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERT INTO user (username,password) VALUES ('"+username+"','"+password+"');");
alert("注册成功");
});
}
}
/script
/body
/html
登录页面代码：
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
title登录/title
/head
body
form onsubmit="return false" method="post"
input type="text" placeholder="用户名"br
input type="password" placeholder="密码"br
input type="submit" value="登录" onclick="login()"br
/form
a href="register.html"去注册/a
script
var localDB = openDatabase('localDB', '1.0', 'Test DB', 2 * 1024 * 1024);
localDB.transaction(function (ts) {
ts.executeSql("SELECT * FROM user",[],function (tx, results) {
var len = results.rows.length;
if(len=0)
{
localDB.transaction(function (ts) {
ts.executeSql('CREATE TABLE IF NOT EXISTS user(username,password)')
});
}
});
});
function login() {
var username = document.getElementsByTagName("input")[0].value;
var password = document.getElementsByTagName("input")[1].value;
localDB.transaction(function (ts) {
ts.executeSql("SELECT * FROM user WHERE username='"+username+"';",[],function (ts, res) {
if(res.rows.length=0)
{
alert("登录失败，用户未注册");
}else if (password == res.rows[0].password)
{
alert("登录成功,三秒后跳转到百度");
setInterval(function () {
location.href = "";
},3000);
}else
{
alert("登录失败，密码错误");
}
});
})
}
/script
/body
/html
以上代码使用了WEB SQL，还请选择合适的浏览器查看。
网站登录代码怎么写
yonghu=request.Form("yonghu")
mima= request.Form("mima")
SqlStr = "select * from [biaoge] Where yonghu="yonghu" and mima=" mima " order by id desc"
Set Rs = Server.CreateObject("adodb.recordset")
Rs.Open SqlStr, Conn, 1, 1
IF Not(Rs.bof and Rs.EOF) Then
response.write("登陆成功")
Else
response.write("登陆失败")
End If
Rs.close
Set Rs = nothing
HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码
如下参考：
1.首先，在您的计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。
2.然后用记事本双击打开文本文档，如下图所示，然后编写一个简单的HTML代码。
3.点击“另存为”功能选项，显示默认的“另存为”代码为ANSI。
4.我们将把编码和文件名更改回图中所示的图像并保存它。
5.然后回到新创建的文件夹，找到一个额外的HTML文件。
6.最后，使用浏览器打开HTML文件。结果如图所示。
网页制作中登陆界面设计代码
%@language=vbscript codepage=936 %
%
option explicit
'强制浏览器重新访问服务器下载页面，而不是从缓存读取页面
Response.Buffer = True
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
'主要是使随机出现的图片数字随机
%
html
head
title管理员登录/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
link rel="stylesheet" href="Admin_Style.css"
script language=javascript
function SetFocus()
{
if (document.Login.UserName.value=="")
document.Login.UserName.focus();
else
document.Login.UserName.select();
}
function CheckForm()
{
if(document.Login.UserName.value=="")
{
alert("请输入用户名！");
document.Login.UserName.focus();
return false;
}
if(document.Login.Password.value == "")
{
alert("请输入密码！");
document.Login.Password.focus();
return false;
}
//if (document.Login.CheckCode.value==""){
// alert ("请输入您的验证码！");
// document.Login.CheckCode.focus();
// return(false);
}
}
/script
/head
body onLoad="SetFocus();"
p /p
form name="Login" action="Admin_ChkLogin.asp" method="post" target="_parent" onSubmit="return CheckForm();"
table width="300" border="0" align="center" cellpadding="5" cellspacing="0" class="caf4a1eb9e0fa8dc border"
tr class="a1eb9e0fa8dc5663 title"
td colspan="2" align="center" strong管理员登录/strong/td
/tr
tr
td height="120" colspan="2" class="9e0fa8dc5663d1b4 tdbg"
table width="250" border="0" cellspacing="8" cellpadding="0" align="center"
tr
td align="right"用户名称：/td
tdinput name="UserName" type="text" id="UserName2" size="23" maxlength="20"/td
/tr
tr
td align="right"用户密码：/td
tdinput name="Password" type="password" size="23" maxlength="20"/td
/tr
tr
td align="right"验 证 码：/td
tdinput name="CheckCode" size="15" maxlength="6"
1109 /td
/tr
tr
td colspan="2" div align="center"
input type="submit" name="Submit" value=" 确认 "
input name="reset" type="reset" id="reset" value=" 清除 "
br
/div/td
/tr
/table
/td
/tr
/table
p align="center"后台管理页面需要屏幕分辨率为 font color="#FF0000"strong1024*768/strong/font
或以上才能达到最佳浏览效果！br
需要浏览器为strongfont color="#FF0000" /font/strongfont color="#FF0000"strongIE5.5/strong/font
或以上版本才能正常运行！！！/p
/form
/body
/html
网站建设设计登录页面代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页设计登录注册页面、网站建设设计登录页面代码的信息别忘了在本站进行查找喔。
