首页>>表单>>拖动验证登录效果(2017-07-04)

拖动验证登录效果

拖动验证登录效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form action="" method="get">  
  2.             <label class="form-inline">  
  3.                 <div class="form-inline-font">  
  4.                     用户名 :  
  5.                 </div>  
  6.                 <div class="form-inline-input">  
  7.                     <input type="text" name="" value="admin" maxlength="8"/>  
  8.                 </div>  
  9.             </label>  
  10.             <label class="form-inline">  
  11.                 <div class="form-inline-font">  
  12.                     密码 :  
  13.                 </div>  
  14.                 <div class="form-inline-input">  
  15.                     <input type="password" name="" maxlength="16" />  
  16.                 </div>  
  17.             </label>  
  18.             <label class="form-inline">  
  19.                 <div class="form-inline-font">  
  20.                     验证 :  
  21.                 </div>  
  22.                 <div class="form-inline-input">  
  23.                     <div class="code-box" id="code-box">  
  24.                         <input type="text" name="code" class="code-input" />  
  25.                         <p></p>  
  26.                         <span>>>></span>  
  27.                     </div>  
  28.                 </div>  
  29.             </label>  
  30.               
  31.             <div class="login-btn">  
  32.                 <div class="user-btn-link">  
  33.                     <a href="">找回密码？</a>  
  34.                 </div>  
  35.                 <button type="submit">登录</button>  
  36.             </div>  
  37.         </form>  

 


原文地址:http://www.freejs.net/article_biaodan_623.html