Before entry, the input field is predefined size (two lines on the screen width)..:( Its not taking anything as I define in the rows and cols value.. Ex: Still the input feild is fixed...Showing no changes.

Gradually, as we introduced the text, the height of the input field increases, to view the text introduced in its entirety.

But what I need is to define my own height and width of the textfeild...And gradually feild should increase if the text entered is more.

Code I am using is:

1. <div data-role="content">
   <form method="post" name="login" data-ajax="false">
   <label for="textarea"><h3><u>Add Comment</u> : </h3></label>
   <textarea cols="8" rows="50" name="textarea" id="comment">
   </textarea>
   </form>
   <div>