title: Auto increase size of input with text entered
body: <p>I have a HTML code in which the users enter the comment for a particular question if the size of comments are big i want my text box to auto increase in height with the comments 
  Below is my HTML code:</p>
  
  <pre><code>&lt;label class="label-reports"&gt;Comments&lt;/label&gt;
   &lt;input  @((ViewBag.UserId != null &amp;&amp; ViewBag.UserId == question.AnsweredBy) || (question.AnsweredBy == null) ? "" : "disabled")  type="text" class="form-control" style="align-content:stretch; min-width:1200Px; width: auto !important" for="comments" value="@question.Comments" /&gt;
  </code></pre>
  
  <p>I tried to implement this </p>
  
  <pre><code>&lt;textarea class="form-control" rows="5"&gt;&lt;/textarea&gt;*
  </code></pre>
  
  <p>but did not succeed can someone suggest to increase the size of text box with increase in text  </p>