html5静态登录界面代码（html登陆界面代码）[20240428更新]

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

本文目录一览：

• 1、html网页设计：一个简单的登录界面代码！
• 2、通过Html和Javascript制作一个静态的登录页面
• 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和Javascript制作一个静态的登录页面

\x0d\x0a\x0d\x0a 用户名:

\x0d\x0a 密码:

\x0d\x0a \x0d\x0a\x0d\x0a

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

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