简单登陆界面代码（简单的登陆界面代码）

本篇文章给大家谈谈简单登陆界面代码，以及简单的登陆界面代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html网页设计：一个简单的登录界面代码！
• 2、用html代码编写一个简单的登陆界面
• 3、求一个简单的登录界面CSS代码

html网页设计：一个简单的登录界面代码！

input

type='button'

text='登陆'

onclick='return

checknull()'你说的要能识别是否输入了用户名和密码！需要用脚本来验证

script

function

checknull()

{

var

a=document.getElementById('用户名文本框ID').text;

var

b=document.getElementById('密码文本框ID').text;

if(a.length0b.length)

return

true;

else

return

false;

}

script

用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

求一个简单的登录界面CSS代码

div id="zuo"

!--input type="button" value="往左" class="y"--

h1登 陆/h1

form method="post" action="ok.html"

p class="form_zh"input type="text" placeholder="请输入账号" class="form_zh_y" autofocus = "autofocus" required = "required"/p

p class="form_mm"input type="password" placeholder="请输入密码" class="form_zh_e" required = "required"/p

input type="submit" value="登 录" class="form_dl"

/form

p class="qtfsdl"spanimg src="images/weixin.jpg" /微信登陆/spanspanimg src="images/QQ.jpg" /QQ登陆/span/p

p class="qtfsdr"img src="images/frm_xia.jpg"//p

p class="y"注 册/p

!--div class="y1" style="position: absolute;top:250px;left: -159px;width: 260px;height: 47px;background: red;opacity: 0.5;"/div--

/div

#zuo{

width: 500px;

height: 540px;

background: white;

position: absolute;

top: calc(50% - 250px);

left:calc(50% - 250px);

color: #292929;

}

#zuo h1,#you h1{margin-top:30px;font-weight: bold;text-align: center;margin-bottom: 30px;}

关于简单登陆界面代码和简单的登陆界面代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。