登录注册的细节

这段时间写了登录注册的页面，发现它包含了许多的小细节。而且所需很多的逻辑性，不细心的话就很容易出现bug。下面给大家列一些小的细节。

1.文本框内的光标向后移：找到你那个文本框的样式，添加css属性padding-left:50px; 注意，这里加了多少左内边距，原来的宽度就要减去多少宽度，不然样式会走样的。

2清除文本框点击后的黑框：

input:focus{
    outline: none;
}

3.按钮边的去除：

<button style="border:none"></button>

4.消去文本框弹出的历史记录：

<input class="inputbox" autocomplete>

5.判断密码的正则表达式：

//至少8-16个字符，至少1个大写字母，1个小写字母和1个数字，其他可以是任意字符：

 /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/

/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[\s\S]{8,16}$/ 

6.判断邮箱形式的正则表达式

 ^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$”

7.验证码所需的倒计时功能

                 var t = 20;
                    code.disabled = true;
                    
                    var time = setInterval(function(){
                        if(t==0){
                            clearInterval(time);
                              code.disabled=false;
                            forgetcodehavecode.innerHTML='获取验证码';
                           
                            t=20;
                        }else{
                            forgetcodehavecode.innerHTML='在'+t+'秒后再获取';
                            t--;
                        }
                    }, 1000);