通过Html和Javascript制作一个静态的登录页面

页面运行过程:
输入的时候，当用户名文本框字符=8个字符时，焦点自动跳到密码框
   点击登录按钮判断用户是否输入了用户名及密码，如果没有输入，给出相应提示，例如：“请输入用户名！”；如果用户名和密码都已输入，提示框显示登陆成功。
  点击重置按钮将用户名和密码文本框中的内容清空

答案：<body>
<form name="login" onsubmit="javascript:return chkfrm(this);">
  用户名:<input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.userpwd.focus();"><br>
  密码:<input type="password" name="userpwd"><br>
  <input type="submit" value="登录"> <input type="reset" value="重置">
</form>
<script language="javascript">
function chkfrm(o){
   if(o.username.value==''){
      alert('请输入用户名！');
      return false;
   }
   if(o.userpwd.value==''){
      alert('请输入密码！');
      return false;
   }
   alert('登陆成功');
   return false;
}
</script>
</body>

其他：楼上很高明！

上一个：如何在jsp页面中使用JavaScript代码，将页面从数据库中获取来的数据在点击下按钮后，导出到excel表中
下一个：<div id="test">测试</div> 分别用javascript和jquery实现鼠标放上去字体颜色 #00ff00，鼠标移走#ff0000。

更多图片编程知识: