这只是一个页面,完成不了注册的功能。没有数据库,而且提交表单的时候没有链接的页。仅供参考。想演示的可以将下面的代码复制到记事本当中,随便起个名保存,然后将记事本保存的.txt改成.html即可。(如保存的文件叫zhuce.txt改为zhuce.html)

  1. <html>
  2. <head>
  3. <script language=”javascript”>
  4.   function on_submit()
  5.   {
  6.    if (form1.username.value == “”)
  7.                 {
  8.      alert(“用户名不能为空,请从新出入!”);
  9.      form1.username.focus();
  10.      return false;
  11.      }
  12.   if (form1.userpassword.value == “”)
  13.                 {
  14.      alert(“用密码不能为空,请从新出入!”);
  15.      form1.userpassword.focus();
  16.      return false;
  17.      }
  18.   if (form1.reuserpassword.value == “”)
  19.                 {
  20.      alert(“用户确认密码不能为空,请从新出入!”);
  21.      form1.reuserpassword.focus();
  22.      return false;
  23.      }
  24.   if (form1.reuserpassword.value != form1.userpassword.value)
  25.                 {
  26.      alert(“两次输入密码不一致,请从新出入!”);
  27.      form1.userpassword.focus();
  28.      return false;
  29.      }
  30.    }
  31.   </script>
  32. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
  33. <title>js练习</title>
  34. </head>
  35. <body>
  36. <form method=”post”  name=”form1″ onsubmit=”return on_submit()” action=”xx.xx”>
  37. 新用户注册:
  38. 用户名(*):<input type=”text” name=”username” size=”20″ />
  39. 密码(*): <input type=”password” name=”userpassword” size=”20″ />
  40. 再次输入密码(*):<input type=”password” name=”reuserpassword” size=”20″ />
  41. 性 别:<input type=”radio” value=”男” checked name=”sex” />男<input type=”radio” checked name=”sex” value=”女”/>女
  42. 出生日期: <input name=”year” size=”4″ maxlength=”4″ />年
  43.          <select name=”month”>
  44.             <option value=”1″ selected>1</option>
  45.             <option value=”2″ >2</option>
  46.             <option value=”3″ >3</option>
  47.             <option value=”4″ >4</option>
  48.             <option value=”5″ >5</option>
  49.             <option value=”6″ >6</option>
  50.             <option value=”7″ >7</option>
  51.             <option value=”8″ >8</option>
  52.             <option value=”9″ >9</option>
  53.             <option value=”10″ >10</option>
  54.             <option value=”11″ >11</option>
  55.             <option value=”12″ >12</option>
  56.             </select>月
  57.             <input name=”day” size=”3″ maxlength=”4″ />日
  58. 家庭住址: <input type=”text” name=”address” size=”20″ />
  59. <input type=”submit” value=”提交” name=”B1″ /><input type=”reset” value=”重填” name=”B2″ />
  60.             </form>
  61. </body>
  62. </html>

【网站建设】CSS3实例教程:hover、active和:focus伪选择器

CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才...

阅读全文

【网站建设】28个你必须知道的HTML5的新特性,技巧以及技术

                          1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览...

阅读全文