用户注册

HTML代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>表单验证</title>
</head>
     
<body>
   <form id="allcontent">
 
   <div>
   <label><b>会员名：</b><input type="text"></label><p>5-25个字符，一个汉字为两个字符，推荐使用中文会员名。</p>
   </div>
   <div id="count">0个字符</div>
   <div>
   <label><b>密码：</b><input type="text"></label><p>6-16个字符，请使用字母加数字或符号的组合密码，不能单独使用字母、数字或符号。</p>
   </div>
   <div id="em">
   <em>弱</em><em>中</em><em>强</em>
   </div>
   <div>
   <label><b>确认密码：</b><input type="text" disabled=""></label><p></p>
   </div>
 
   </form>
</body>

　　css样式：

<style>
 *{margin:0;
  padding:0
   
 }
 body{font-size:20px;}
 
   #allcontent{
            width:1024px;
            padding:15px;
            margin:100px auto 0;
            border: 1px dashed orange
  }
      margin-left:10px
   
  #count{visibility:hidden;
       margin-left:83px
   
  #em{background:orange;
    width:153px;
    margin:3px 0 7px 60px
   }
 
  em{opacity:0.2;
   display:inline-block;
   width:51px;
   text-align:center
  }
 
  em:first-child{background:orange;
               opacity:1
   }
 
  .active{background:orange;
        opacity:1
  }
</style>

　　本页面的表单验证js代码：http://www.cnblogs.com/xuxiaoxia/p/6439941.html

posted @ 2017-02-24 21:52  无花即无果  阅读(306)  评论(0)    收藏  举报