autoSized

A jQuery-based plugin for auto-adjusting textarea height...with options!

Overview

autoSized is a jQuery-based plugin for auto-adjusting the height of textarea elements, perfect for contact and submission forms. autoSized can be further modified through the implementation of options upon initializing.

Dependencies

Add the jQuery CDN link in the head of your HTML page. Bootstrap CDN links are optional.

Add the following before your closing body tag:

Initialize

In your HTML, add the textarea element(s) to be targeted by the plugin, either single textarea elements:

...or textarea elements embedded in a form:

Then, simply add the following in your script tags to initialize:

Options

The following is a list of current options:

Embedded in Form

Here's an example of a textarea element embedded in a bootstrap form:

This example utilizes the following options:

I hope you find this plugin useful! Feel free to comment to suggest any possible improvements!