贴一下html和css源码
这是html代码
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>淘宝用户注册</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" media="screen" href="../表单验证/css/style.css" /><script src="../表单验证/js/script.js"></script></head><body><form action=""><div><label for=""><span class="title">会员名:</span><input type="text" class="text"></label><p class="msg"><i class="ati"></i>5-25个字符,1个汉字为两个字符,推荐使用中文会员名</p></div><div><label for=""><span></span><b id="count">0个字符</b></label></div><div><label for=""><span class="title">登录密码:</span><input type="password" class="text"></label><p class="msg"><i class="err"></i></p></div><div id="tips"><label for=""><span></span><em class="active">弱</em><em>中</em><em>强</em></label></div><div class="margin"><label for=""><span class="title">确认密码:</span><input type="password" class="text" disabled=""></label><p class="msg"><i class="ati"></i>请再输入一次</p></div><div class="margin"><label for=""><span class="title">验证码:</span><input type="text" class="text checkimg"></label><img src="../表单验证/images/1.png"><a href="javascript:;"class="changeImg" title="重新获取验证码"></a></div><div class="margin"><input type="submit" id="submitBtn" class="submitBtn btn" value="同意协议并注册"></div></form></body></html>
这是css代码
form{width: 600px;margin: 100px auto;}input{width: 160px;height: 28px;line-height: 28px;}.title{display: inline-block;width: 80px;text-align: right;}p{font-size: 12px;color: gray;width: 300px;float: right;line-height: 28px;vertical-align: top;margin: 2px 30px 0 0;}#count{padding-left: 90px;font-size: 12px;color: gray;line-height: 28px;}em{display: inline-block;width: 54px;height: 20px;background-color: rgb(255, 204, 157);margin-right: 2px;font-size: 12px;font-style: normal;text-align: center;height: 14px;line-height: 14px;color: white;}.active{background-color: rgb(255, 95, 2);}#tips{padding-left: 82px;}img{height: 30px;vertical-align: middle;}.checkimg{width: 100px;}#submitBtn{border: 1px solid rgb(255, 95, 2);width: 166px;height: 30px;background-color: rgb(255, 95, 2);color: white;margin-left: 80px;}.margin{margin-top: 20px;}