<div class="banner"> <div class="login_box" style="position: absolute;left: 50%;top: 20%;margin-left: -170px;"> <h5 class="login_welcome" ><img src="/web_config/ttx.tourtrax.ca/logo/logo_cn1.png" width="50%" style="margin:auto;"></h5> <div class="box_line"> <!-- 多个标签选择 --> <ul class="login_tab ks-clear"> <li class="tab-head-item active" data-val="1">Company login</li> <li class="tab-head-item " data-val="2" style="">Account login</li> <li class="tab-bg"></li> </ul> </div> <div class="tab-content"> <!-- 三个,有公司名登录 --> <div class="hideside showside" style="display: block;"> <div class="box_line"> <div class="hl-input-content"> <i class="hlicon"></i> <input type="text" class=" hl-input-login" name="companyName" placeholder="Please enter company name"> </div> </div> <div class="box_line"> <div class="hl-input-content aftericon"> <i class="hlicon"></i> <input type="text" class=" hl-input-login" name="userName" placeholder="Please enter your name"> </div> </div> <div class="box_line"> <div class="hl-input-content aftericon"> <i class="hlicon"></i> <input type="password" class=" hl-input-login" name="passWord" placeholder="Please input a password"> </div> </div> <!-- 双重密码验证 --> <div class="box_line snd_pwd"> <div class="hl-input-content aftericon" > <i class="hlicon"></i> <div style="margin-left:30px;">Double verification (<span class="blue">Optional</span>)</div> </div> </div> <div class="box_line snd_pwd"> <div class="hl-input-content aftericon" style="text-align:center;"> <input type="text" class=" scd_p1" > <input type="text" class=" scd_p2"> <input type="text" class=" scd_p3"> <input type="text" class=" scd_p4"> <input type="text" class=" scd_p5"> <input type="text" class=" scd_p6"> <input type="text" class=" scd_p7"> <input type="text" class=" scd_p8"> </div> </div> </div> <style> /* 页面上的双重验证密码 */ .blue{color:#237AE4;} .snd_pwd{} .snd_pwd input{width:17px!important;margin-left:5px;text-align:center;border:1px solid #606060;height:25px;} /* .scd_p1{margin-left:30px;} */ input:disabled{ background-color: #aaaaaa; } .hidden{display: none;} </style> <div class="hideside"> <!-- 二个输入位置,按帐号登录 --> <div class="box_line"> <div class="hl-input-content aftericon"> <i class="hlicon"></i> <input type="text" class=" hl-input-login" name="userName" placeholder="Please enter the account number"> </div> </div> <div class="box_line"> <div class="hl-input-content aftericon"> <i class="hlicon"></i> <input type="password" class=" hl-input-login" name="passWord" placeholder="Please input a password"> </div> </div> <!-- ----------------------------------------------- --> <div class="box_line"> <!-- 记住密码 , 忘记密码--> <div class="hidden 旧版本的记住密码 " style="display: none;"> <font class="hl-label m-r-5">Remember</font> <label class="hl-switch"> <input type="checkbox" name="remeber-password" class="hl-switch-input" checked> </label> </div> <label class="新版本的记住密码"> <input type="checkbox" name="remeber-password" class="New_remember_pwd" checked> Remember </label> <span style="float:right;color:#237AE4;"><a href="/site/login_pwd" style="color:#237AE4; text-decoration:underline;">Forgot</a></span> </div> <!-- ----------------------------------------------------- --> <!-- 双重密码验证 --> <div class="box_line snd_pwd"> <div class="hl-input-content aftericon" > <i class="hlicon"></i> <div style="margin-left:30px;">Double verification (<span class="blue">Optional</span>)</div> </div> </div> <div class="box_line snd_pwd"> <div class="hl-input-content aftericon" style="text-align:center;"> <input type="text" class=" scd_p1" > <input type="text" class=" scd_p2"> <input type="text" class=" scd_p3"> <input type="text" class=" scd_p4"> <input type="text" class=" scd_p5"> <input type="text" class=" scd_p6"> <input type="text" class=" scd_p7"> <input type="text" class=" scd_p8"> <input type="hidden" id="snd_pwd_box" value="" 第二组密码的3位可输入> </div> </div> </div> </div> <div class="box_line"> <!-- 登录button --> <a href="javascript:void(0)" class="hl-btn-login hl-btn-blue" id="login">Login</a> </div> </div> </div>