固定信息登录
<!DOCTYPE
< html>
<head>
<title>welcome</title>
</head>
<body align="center">
<form id="myform">
用户:<input type="text" id="username" placeholder="小橙同学" title="按提示填写">
<br>
密码:<input type="text" id="password" placeholder="0302" title="按提示填写">
</form>
<hr>
<input type="button" value ="进入" title="立即进入" οnclick="submit()" style="width:50px; height:50px; border-radius:50%;border:none;background-color:red">
<input type="button" value ="重置" title="仔细检查" οnclick="reset()" style="width:50px; height:50px; border-radius:50%;border:none;background-color:pink">
</body>
<!-- 信息判断 -->
<script type="text/javascript">
function submit(){
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
if(username==''||username==null){
alert("用户名不能为空");
return;
}
if(password==''||password==null){
alert("密码不能为空");
return;
}
if("小橙同学"!=username){
alert("用户名错误");
return;
}
if("0302"!=password){
alert("密码错误");
return;
}
alert("信息正确 即将进入Helios32的博客!");
window.location="https://blog.csdn.net/Helios32";
}
</script>
<!-- 清除表单信息 -->
<script type="text/javascript">
function reset(){
document.getElementById("myform").reset()
}
</script>
</html>