现开发项目组的小明欲完成登录功能页前端静态部分，其中登录页文件login.html在站点根目录下，相关层叠样式表在css目录中，相关js文件在js目录中。根据提示完善相关文件功能：<（） rel="stylesheet" （）="css/login.css"><() ()="()">

用户登录2.相关层叠样式表文件login.css文件部分。*{/* 设置鼠标形状为手形 */（）/* 设置计算盒子尺寸的方式为包含边框 */（）}form{width:400px;height:400px;border:1px solid #CCC;/* 设置表单固定定位在窗口中央 */position:（）;（）:auto;left:0;right:0;top:0;bottom:0;}#title{width:100%;background: #B91720;height:50px;/* 设置属性使得文本垂直居中 */（）: 50px;font-size: 24px;/* 设置属性是的文本水平居中 */（）: center;color:#fff;margin-bottom: 40px;}/* 设置输入标签相关属性（使用标签选择器） */（）{width:360px;height:50px;/* 将输入框转变为块元素 */display: （）;/* 设置文本框水平居中 */margin:20px （） 0;padding:0 20px;}input[type="button"]{background: #B91720;color:#fff;font-size: 24px;}#check{display: block;width:174px;margin: 20px 0 20px 20px;float:left;}span{display: block;text-align: center;line-height: 50px;height:50px;float:left;width:174px;margin:20px 20px 20px 0;background: pink;}3.相关js文件login.js文件如下：/*采用js窗口加载事件*/（）=function(){/*js方法获取userName、userPass元素*/var userName=（）;var userPass=login.userPass;/*userName元素获取焦点时，值为空*/userName.（）=function(){userName.value="";}/*userPass元素获取焦点时，文本域变为密码域*/userPass.onfocus=function(){userPass.（）="password";userPass.value="";}/*验证码函数编写*/function check(){/*定义字符集数组，包含A、B、C、D、E、F、G七个字符*/var chars=（）;var str="";/*循环找到四个随机字符*/for(var i=0;i<（）;i++){var j=Math.floor(Math.（）*7);str+=（）;}/*将str中的字符串写入span标签，jquery方法获取*/$("span").html(str);}check();/*单击登录按钮时，跳转到index.html,要求使用jquery方法和派生选择去获取按钮*/().click(function(){（）="index.html";})}

已有注册用户，<（） （）="login.html">请登录2.reg.css文件部分。*{margin:0;padding:0;cursor: pointer;box-sizing:border-box;}#reg-box{width:900px;height:auto;/* 子元素为弹性布局 */display:();/* 水平居中 */margin:50px auto;}.reg{/* 此类元素宽度比例为1：1 */():1;padding:50px;}.reg img{width:100%;}form{width:100%;/* 设置该元素被子元素撑开，并消除因子元素浮动带来的问题 */height:();border:1px solid #CCC;(): hidden;/* 使得子元素可以相对于自己相对定位 */position:();}input[type="text"],input[type="password"],#title{width:300px;display: block;height:40px;line-height: 40px;margin:30px auto;padding-left: 15px;}#title{width:350px;text-align: center;font-size: 20px;margin:0;background: #CCC;}.reg-ts{width:300px;height:30px;font-size: 10px;color:#B91720;margin:0 auto;line-height: 30px;/* 相对于父元素定位 */position:();left:30px;/* 默认隐藏元素 */():();}.ts1{top:40px;}.ts2{top:110px;}.ts3{top:180px;}.ts4{top:250px;display: block;}.btn{width:140px;display: block;/* 元素从右向左排列 */():right;height:40px;margin-top:30px;margin:30px 25px 30px 0;}3.reg.js部分。$(function(){/*所有文本域获取焦点时*/$("()").focus(function(){/*jquery方法实现当前元素的值为空*/$(()).();})$(".pass").focus(function(){/*当前元素类型为密码*/$(this).();})/*用户名为6-16位数字、字母、下划线，首字符为非数字*/var regName=();var userName=reg.userName;/*用户名输入时*/userName.()=function(){/*用户名的值不符合规则时显示报错，否则隐藏报错*/if(!().()(userName.value)){$(".ts1").css({"display":"block"});}else{$(".ts1").css({"display":"none"});}}var pass=reg.pass;var regPass=/^\w{6,16}$/;pass.oninput=function(){if(!regPass.test(pass.value)){$(".ts2").css({"display":"block"});}else{$(".ts2").css({"display":"none"});}}var pass1=reg.pass1;pass1.oninput=function(){/*如果两次密码不相等则报错，否则隐藏*/if(()){$(".ts3").css({"display":"block"});}else{$(".ts3").css({"display":"none"});}}$("input[type='button']").click(function(){/*跳转到登录页面*/()="login.html";})})