web登录注册界面设计代码(web登录注册页面代码)
网页制作中登陆界面设计代码
%@language=vbscript codepage=936 %
%
option explicit
'强制浏览器重新访问服务器下载页面，而不是从缓存读取页面
Response.Buffer = True
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
'主要是使随机出现的图片数字随机
%
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="border"
tr class="title"
td colspan="2" align="center" strong管理员登录/strong/td
/tr
tr
td height="120" colspan="2" class="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
用Dreamweaver做登陆和注册界面的代码？
1、插入一个div，设置为400x300px大小，背景色为米黄色，居中。
2、输入标题文字和用户名、密码，调整位置。
3、继续插入填写部分，插入--表单--文本域，所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username，点击确定。
4、继续同样的方式插入密码的文本域，设置ID为password。因为密码是非明文的，不需要显示，所以我们在属性面板里选择文本域的类型--密码。
5、插入按钮。插入--表单--按钮，插入两个按钮，ID分别设置为login和reg。login按钮设置为登陆，reg按钮设置为注册。
6、初始值是我们未输入内容时，填写框显示的提示文字。
7、这样一个简单的登陆界面就做好了，是不是很简单呢。
用java web编写一个用户注册界面（只要写出以下要求就行）
一步步更新：页面
form action="regist.servlet" method="post"table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="tableAdd borTop" tr th width="14%" height="30" nowrap用户名/th td class="pl5" INPUT id="sName" name="name" type="text" size="20" /td /tr tr th width="14%" height="30" nowrap密码/th td class="pl5" INPUT name="password" type="password" size="20" /td /tr tr th width="14%" height="30" nowrap确认密码/th td class="pl5" INPUT name="confrimPwd" type="password" size="20" /td /tr tr th width="14%" height="30" nowrap性别/th td class="pl5" 男INPUT name="sex" type="radio" value="1" checked="checked" size="20" 女INPUT name="sex" type="radio" value="0" size="20" /td /tr tr th width="14%" height="30" nowrap爱好/th td class="pl5" INPUT name="enjoy" type="checkbox" size="20" value="篮球"篮球 INPUT name="enjoy" type="checkbox" size="20" value="足球"足球 /td /tr tr th width="14%" height="30" nowrap生日/th td class="pl5" INPUT name="brithday" type="text" size="20" /td /tr tr th width="14%" height="30" nowrap备注/th td class="pl5" textarea rows="5" cols="200" name="remark"/textarea /td /tr tr th width="14%" height="30" nowrap /th td class="pl5" input type="submit" value="提交" input type="reset" value="重置" /td /tr/table/form
数据库部分：
import java.sql.DriverManager;import java.sql.ResultSet;import java.sql.SQLException;import com.mysql.jdbc.Connection;import com.mysql.jdbc.Statement;public class DataBaseUtil { public static Connection getConnection() throws ClassNotFoundException, SQLException { Class.forName("com.mysql.jdbc.Driver"); Connection conn = (Connection) DriverManager.getConnection("jdbc:mysql://192.168.100.113/datebase", "username", "password"); return conn; } public static Statement getPS() throws ClassNotFoundException, SQLException { Statement statement = (Statement) getConnection().createStatement(); return statement; } public static void close(Connection conn,Statement st,ResultSet rs) throws SQLException{ if(rs != null) { rs.close(); } if(st != null) { st.close(); } if(conn != null) { conn.close(); } }}
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，还请选择合适的浏览器查看。
这个首页的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）尽量要分离！
希望能帮到你！
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;
}