html好的登录界面代码（html5登录界面代码）

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

本文目录一览：

• 1、html网页设计：一个简单的登录界面代码！
• 2、html登陆界面代码
• 3、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

head

title登录界面/title

/head

body

h2登录界面：/h2

form

请输入你的用户名：br

input type="text" /br

输入你的地址：br

input type="text" /br

填上密码：br

input type="text" /br

选择你的性别：br

input type="radio" value="男" name="sex"/男

input type="radio" value="女" name="sex"/女br

选择你的爱好：br

input type="checkbox" vlaue="游泳" /游泳

input type="checkbox" vlaue="旅游" /旅游

input type="checkbox" vlaue="上网" /上网

input type="checkbox" vlaue="新闻" /新闻br

input type="submit" value="提交" /

input type="reset" value="重填" /

/form

/body

/html

html好的登录界面代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5登录界面代码、html好的登录界面代码的信息别忘了在本站进行查找喔。