首页>>表单>>jQuery input随输入的内容自动加长(2015-07-19)

jQuery input随输入的内容自动加长

jQuery input随输入的内容自动加长
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2.     $(function(){  
  3.         $('#demo-input').autoGrowInput({ minWidth: 180, maxWidth: function(){ return $('#demo-input-container').width()-40; }, comfortZone: 40 });  
  4.     });  
  5.     $(window).resize(function(){ $('#demo-input').trigger('autogrow'); });  
  6.   
  7.       
  8. </script>  
XML/HTML Code
  1. <form onSubmit="$('#demo-input').blur().focus();return false;" class="pure-form" style="border-top: 1px solid #eee;border-bottom:1px solid #eee;background:#fafafa;margin:30px 0;padding:20px 10px;text-align:center">  
  2.     <div id="demo-input-container" style="margin:auto;width:100%;max-width:600px">  
  3.         <input id="demo-input" autofocus type="text" name="q" placeholder="Enter text ...">  
  4.     </div>  
  5. </form>  

 


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