简单的HTML登录页

html登录页
判断用户是否输入密码

<form name="form" method="post" action="">
   账号:<input type="text" name="username" id="username" maxlength="6" /><br />
   密码:<input type="password" name="password" id="password" maxlength="16" /><br />
   <input name="Button" type="button" value="登录" onclick="check()"/>
   <input name="Submit" type="reset" value="重置" />
</form>


maxlength:最多输入几个字符。
onclick事件:单击鼠标时触发。

<script>
   function check(){
   	if(form.username,value==""){//判断账号是否为空
   		alert("请输入账号!");//提示用户输入账号
   		form.username.focus();//光标自动出现
   		return;
   	}else if(form.password.value==""){//判断密码是否为空
   		alert("请输入密码!");//提示输入密码
   		form.password.focus();//光标自动出现
   		return;
   	}else{
   		form.submit();
   	}
   }		
</script>

你可能感兴趣的:(简单的HTML登录页)