title: Dynamically expand height of input type "text" based on number of characters typed into field
body: <p>Similar to the below JSFiddle (which I bookmarked and do not know from where the original question emerged):</p>
  
  <p><a href="http://jsfiddle.net/mJMpw/6/" rel="nofollow">http://jsfiddle.net/mJMpw/6/</a></p>
  
  <pre><code>&lt;input type="text" value="" placeholder="Autosize" data-autosize-input='{ "space": 10 }' /&gt;
  
  input {
      width: 200px;
      min-width: 200px;
      max-width: 300px;
      transition: width 0.25s;    
  }
  </code></pre>
  
  <p>Is there a way to fix the width of a text field to, for example 200px only, and have the <strong><em>height</em></strong> of the text field grow if a user adds more text than the 200px is able to contain? I would like more rows to be added, if a user needs more room to type... so I need the <strong><em>height</em></strong>, not the width, to resize dynamically.</p>
  
  <p>Thanks!</p>