Facebook Style Textarea Auto Grow Using JQuery Plugin and Css

Typically textarea is one of the structure input type, it is distinguished by rows and cols, while utilizing Rows and Cols the textarea will be comes like scrolled sort for that we are going to disable the scroll bar and develop the textarea.

For that we are utilizing Textarea autogrow plugin to extend the textarea and css for evacuate the resize of the text area.

Textarea

<textarea id="target" rows="4" cols="4"></textarea>

id must be same

Textarea Script

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script src="jquery.autogrowtextarea.min.js"></script>

    <script>

        $(document).ready(function() {

            $("#target").autoGrow();

        });

</script>

Textarea CSS

textarea { resize:none; }

That’s it about textarea property, and textarea autogrow functions