DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML繪制用戶注冊頁面
HTML繪制用戶注冊頁面
編輯:HTML和Xhtml     

本文實例為大家分享了HTML繪制用戶注冊頁面的具體實現代碼,供大家參考,具體內容如下

XML/HTML Code復制內容到剪貼板
  1. <html>  
  2.    <head>  
  3.      <script>  
  4.         function aa()   
  5.         {   
  6.            var s;   
  7.            s=reg.user.value;   
  8.            alert("用戶名是"+s);   
  9.              }   
  10.         function aa2(t)   
  11.         {   
  12.            var p1,p2;    
  13.             alert(t);   
  14.             p1=reg.pass1.value;   
  15.             p2=reg.pass2.value;   
  16.             if(p1!=p2)   
  17.               alert("兩次密碼不一致");   
  18.   
  19.             }   
  20.   
  21.      </script>  
  22.    </head>  
  23.    <body>  
  24.      <h1 align="center">注冊</h1>  
  25.      <table align="center" border="2" width="400" bgcolor="pink">  
  26.       <form name="reg">  
  27.         <tr><td>用戶名</td><td><input type="text" name="user"></td></tr>  
  28.         <tr><td>密碼</td><td><input type="password" name="pass1"></td></tr>  
  29.         <tr><td>確認密碼</td><td><input type="password" name="pass2"  onblur="aa2(this)"></td></tr>  
  30.          <tr><td>性別</td><td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2" checked>女</td></tr>  
  31.           <tr><td>愛好</td><td><input type="checkbox" name="hb1" value="ft">足球 <input type="checkbox" name="hb2" value="ms">音樂<input    
  32.   
  33. type="checkbox" name="hb3" value="tor" />旅游</td></tr>  
  34.           <tr><td colspan="2"><input type="file" name="f1" /></td></tr>  
  35.   
  36.           <tr><td>學院</td><td>  
  37.                           <select name="s">  
  38.                             <option value="1"  selected>信息學院</option>  
  39.                            <option value="2">管理學院</option>  
  40.                             <option value="3">機電學院</option>  
  41.                           </select>     
  42.   
  43.      <tr><td colspan="2" align="center"><input type="button" value="提交"  onclick="aa()" /> <input type="reset" value="重置" /></td></tr>  
  44.   
  45.       </form>  
  46.   
  47.    </body>  
  48. </html>  
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved