<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="/static/css/cc.css">
<script>
function foLogin() {
var oUname = document.getElementById("uname");
var oError = document.getElementById("error_box");
var oUpass = document.getElementById("upass");
var isoError = true;
oError.innerHTML = "<br>";
if (oUname.value.length < 6 || oUname.value.length > 20) {
oError.innerHTML = "用户名要6-20位";
isoError = false;
return;
}
if (oUpass.value.length < 6 || oUpass.value.length > 20) {
oError.innerHTML = "密码要6-20位";
isoError = false;
return;
}
}
</script>
</head>
<body>
<div><h2>登录</h2></div>
<div class="box">
<div class="input_box">
<input id="uname" type="text" placeholder="请输入用户名">
</div>
<div class="input_box">
<input id="upass" type="password" placeholder="请输入密码">
</div>
<div id="error_box"><br></div>
<div class="input_box">
<button onclick="foLogin()">登录</button>
</div>
</div>
</body>
</html>
h2 {
align: center;
padding-right: 0;
padding-left: 0;
font-weight: bold;
font-size: 15px;
padding-bottom: 15px;
margin: 0;
color: blue;
padding-top: 0;
}
div.box {
padding-right: 500px;
margin-top: 100px;
padding-left: 500px;
font-size: 16px;
padding-bottom: 40px;
color: black;
padding-top: 40px;
font-family: verdana, Arial, Helvetica, sans-serif;
}
div.input_box{
align:center;
margin:550px;
padding-left:550px;
color:cornflowerblue;
}
div.box{
padding-right:500px;
margin-top:100px;
padding-left:500px;
font-size:16px;
padding-bottom:40px;
color:cornflowerblue;
padding-top:40px;
font-family:verdana,Arial,Helvetica,sans-serif;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jsDemo</title>
</head>
<body>
<p id="demo">ddd</p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
<script>
document.write(Date());
</script>
<button type="button" onclick=windows.alert("number")>press</button>
</body>
</html>