Demo

Easily collect a structured list of items from your user. List will then get submitted in your form as a comma delimited list or with a delimiter of your choice. (ex. grocery list, list of colors, etc...)

Optional parameters - delimiter, effect, placeholder

Setup

<link rel="stylesheet" type="text/css" href="stylesheets\listarea.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="javascripts\jquery.listarea.js"></script>

Sample Html

<form id="demoForm">
	<label for="listarea">List Area:</label>
	<textarea id="listarea" name="listarea"></textarea>
	<input type="submit" value="See List" />
</form>

Javascript

$('#listarea').listarea({
	effect: 'slow'
});