本文實例為大家分享了HTML繪制用戶注冊頁面的具體實現代碼,供大家參考,具體內容如下
XML/HTML Code復制內容到剪貼板
- <html>
- <head>
- <script>
- function aa()
- {
- var s;
- s=reg.user.value;
- alert("用戶名是"+s);
- }
- function aa2(t)
- {
- var p1,p2;
- alert(t);
- p1=reg.pass1.value;
- p2=reg.pass2.value;
- if(p1!=p2)
- alert("兩次密碼不一致");
-
- }
-
- </script>
- </head>
- <body>
- <h1 align="center">注冊</h1>
- <table align="center" border="2" width="400" bgcolor="pink">
- <form name="reg">
- <tr><td>用戶名</td><td><input type="text" name="user"></td></tr>
- <tr><td>密碼</td><td><input type="password" name="pass1"></td></tr>
- <tr><td>確認密碼</td><td><input type="password" name="pass2" onblur="aa2(this)"></td></tr>
- <tr><td>性別</td><td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2" checked>女</td></tr>
- <tr><td>愛好</td><td><input type="checkbox" name="hb1" value="ft">足球 <input type="checkbox" name="hb2" value="ms">音樂<input
-
- type="checkbox" name="hb3" value="tor" />旅游</td></tr>
- <tr><td colspan="2"><input type="file" name="f1" /></td></tr>
-
- <tr><td>學院</td><td>
- <select name="s">
- <option value="1" selected>信息學院</option>
- <option value="2">管理學院</option>
- <option value="3">機電學院</option>
- </select>
-
- <tr><td colspan="2" align="center"><input type="button" value="提交" onclick="aa()" /> <input type="reset" value="重置" /></td></tr>
-
- </form>
-
- </body>
- </html>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。