javascript——小例子

最新推荐文章于 2024-06-15 16:53:15 发布

启橙小屋

最新推荐文章于 2024-06-15 16:53:15 发布

阅读量241

点赞数

分类专栏： JavaScript 文章标签： javascript html

本文链接：https://blog.csdn.net/Helios32/article/details/105134686

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

固定信息登录

<!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>

启橙小屋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript——小例子

固定信息登录<!DOCTYPE< html><head> <title>welcome</title></head><body align="center"><form id="myform">用户：<input type="text" id="username" placeho...
复制链接

扫一扫