育才学习网1.如何用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>
<li><input type="text" ></li>
<li><input 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;
}
2.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.length>0&&b.length)
return true;
else
return false;
}
<script>
3.用html代码编写一个简单的登陆界面
<meta charset="utf-8"> <meta ">登录 。转载请注明出处育才学习网 » html怎么写登录按钮