標籤：element his 提交 als submit name styles 成功 elf
1. 登入頁 驗證使用者身份，登入成功之後等待一定秒數，跳轉到操作頁面
<html> <head> <title>Login.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript"> function checkuser() { if($(‘uname‘ == "lala") && $(‘pwd‘) == "123") { return true; }else { return false; } } function $(id) { return document.getElementById(id).value; } </script> </head> <body> <form action="ok.html"> u:<input type="text" id="uname"/><br> p:<input type="password" id="pwd"/><br> <input type="submit" value="登入" onclick="return checkuser()"/> </form> </body> </html>
2. 登入成功頁面中，等待5秒
<html> <head> <title>ok.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript"> function tiao() { clearInterval(mytime); window.open("manage.html","_self"); } setTimeout("tiao()",5000); function changeSec() { //得到myspan值 $(‘myspan‘).innerText=$(‘myspan‘).innerText-1; } function $(id) { return document.getElementById(id); } var mytime = setInterval("changeSec()",1000); </script> </head> <body> 登入成功，<span id="myspan">5</span>秒後自動跳轉到管理頁面 </body> </html>
3. 寫一個manage.html 即可
前端 js 實現簡單 表單提交
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
