jquery.caret | caret positioning code that I created to use | Plugin library

You can add the dropzone.js with other inputs in your form by just changing some setting in the dropzone.js. And they are as follows

1: Create a normal form (don't forget the method and enctype args since this is not handled by dropzone anymore).

2: Put a div inside with the class="dropzone" (that's how Dropzone attaches to it) and id="yourDropzoneName" (used to change the options).

3: Set Dropzone's options, to set the url where the form and files will be posted, deactivate autoProcessQueue (so it only happens when user presses 'submit') and allow multiple uploads (if you need it).

4: Set the init function to use Dropzone instead of the default behavior when the submit button is clicked.

5: Still in the init function, use the "sendingmultiple" event handler to send the form data along wih the files.

HTML