html怎么写登录按钮

1.如何用HTML写一个最简单的登录界面<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="http://www.xuexi88.com/zhishi/main.css" type="text/css" rel="stylesheet">
<title>;登陆界面</title>
</head>
<body>
<div class="login_ico">
<img src="http://www.xuexi88.com/zhishi/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="http://www.xuexi88.com/zhishi/登陆">
</div>
</body>
【html怎么写登录按钮】</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怎么写登录按钮

文章插图