文本框得到焦點

時間 2019-12-02

標籤文本得到焦點简体版

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7  div {
 8  margin-bottom: 20px;
 9         }
10 
11  fieldset {
12  width: 300px;
13         }
14     </style>
15 </head>
16 <body>
17 <fieldset>
18     <legend>用戶登陸</legend>
19     <form action="" method="">
20         <div><label for="name">用戶名</label>
21             <input type="text" id="name"><br>
22         </div>
23         <div><label for="pass">密&nbsp;碼</label>
24             <input type="text" id="pass">
25         </div>
26         <input type="submit" value="登陸" id="login"
27  style="display: block; 28  margin-left:100px">
29     </form>
30 </fieldset>
31 <script type="text/javascript">
32     function $$(id) { 33         return document.getElementById(id); 34  } 35     function check() { 36         var $n = $$("name"); 37         var $p = $$("pass"); 38         if ($n.value == "") { 39  alert("請輸入用戶名!"); 40  $n.focus(); 41             return false; 42  } 43         if ($p.value == "") { 44  alert("請輸入密碼!"); 45  $p.focus(); 46             return false; 47  } 48  } 49  $$("login").onclick = function () { 50         return check(); 51  } 52 </script>
53 </body>
54 </html>

相關標籤/搜索