首页>>表单>>jQuery表单占位符动画效果(2020-05-21)

jQuery表单占位符动画效果

不同效果的占位符，提示要填写的内容

jQuery表单占位符动画效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="form-container-1">  
  2.         <h3 class="text-center">Demo 1</h3>  
  3.         <p class="text-muted text-center">Click on textarea or input to check</p>  
  4.         <form novalidate>  
  5.           <input id="first-input-1" type="text" placeholder="First Input" required />  
  6.           <input id="second-input-1" type="email" placeholder="Second Input" required />  
  7.           <textarea id="msg-1" placeholder="Message"> </textarea>  
  8.           <button type="submit">Submit</button>  
  9.         </form>  
  10.       </div>  
  11.       <div class="form-container-2">  
  12.         <h3 class="text-center">Demo 2</h3>  
  13.         <p class="text-muted text-center">Click on textarea or input to check</p>  
  14.         <form>  
  15.           <input id="first-input-2" type="text" placeholder="First Input" required />  
  16.           <input id="second-input-2" type="email" placeholder="Second Input" required />  
  17.           <textarea id="msg-2" placeholder="Message"> </textarea>  
  18.           <button type="submit">Submit</button>  
  19.         </form>  
  20.       </div>  

 


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