第九章 表单校验

1，输入内容提示

*{padding:0; margin:0;font-size:12px;
    line-height:25px;}

.register{
    float:none;
    width: 503px;
    clear:both;
    margin: 0px auto;
}
.register dl{clear: both;}
.register dt{width:120px;
    text-align:right;
    padding-right:5px;
    float: left;
}
.inputs {
    border: 1px solid #333;
    width:120px;
    height: 20px;;
}

.register dl dd div{
    color:#ff0000;
    padding-left:5px;
    display: inline;
}
.btn{width: 60px; text-align: center; height: 26px; margin: 5px 5px 0 0;}






	

	



	

  

	  

		  
用户名：
		  

	  
	  

		  
密码：
		  

	  
	  

		  
确认密码：
		  

	  
	  

		  
性别：
		  
男 女
			  

	  
	  

		  
电子邮件：
		  

	  
	  

		  
出生日期：
		  

			  
		  年
			  
				  
			  月
			  
				  
			  日
	  
	  

		  
 
		  
 
	  
  











    







欢迎您注册成为百度用户!

2，用户注册提示

*{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:20px;
}
.main{
    width:900px;
    margin: 0 auto;
}
.main dl{clear: both; height: 30px;}
.main dl dt{
    text-align:right;
    float: left;
    width:180px;
    height:25px;
    padding-right:5px;
}
.inputs{
    width:130px;
    height:16px;
    border:solid 1px #666666;
    float:left;
    margin-right:5px;
}
.main dl dd div{
    display: inline;
    margin-left:10px;
    color:#F00;
}






	

	




	

		

			
用户名：
			

		
		

			
Email地址：
			

		
		

			
手机号码：
			

		
		

			
登录密码：
			

		
		

			
密码确认：
			

		
		

			
 
			

		
	

3，提示错误信息

*{
    margin:0;
    padding:0;
    font-size:12px;
    line-height:25px;
}
.main{
    width:470px;
    margin: 0 auto;
}

.main dl{clear: both; height: 30px;}
.main dl dt{
    text-align:right;
    float: left;
    width:100px;
    height:25px;
    padding-right:5px;
}
.inputs{
    width:100px;
    height:16px;
    border:solid 1px #666666;
    float:left;
    margin-right:5px;
}
.main dl dd div{
    display: inline;
    margin-left:10px;
    color:#F00;
}







	

	




	

		

			
用户名：
			

		
		

			
密码：