html登录界面设计代码(web登录界面设计代码)
HTML网页设计：一个简单的登录界面可以连接到数据库记录的代码
如下参考：
1.首先，在您的计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。
2.然后用记事本双击打开文本文档，如下图所示，然后编写一个简单的HTML代码。
3.点击“另存为”功能选项，显示默认的“另存为”代码为ANSI。
4.我们将把编码和文件名更改回图中所示的图像并保存它。
5.然后回到新创建的文件夹，找到一个额外的HTML文件。
6.最后，使用浏览器打开HTML文件。结果如图所示。
用html代码编写一个简单的登陆界面
!DOCTYPE htmlhtml 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"/headbodynav 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"
lia href="login.html"登录/a/li
/ul
/div
/div/navdiv 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 autofocusbr
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
求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