Working with forms and dropzone

Vote count:

0

I have a template that I purchased that shows how to use a file upload with the dropzone plugin. I'm trying to find out how I can use this with my other form on the same page. Because for some reason itss not displaying in the page the way it should be.

<form action="files" class="dropzone">
    <div class="fallback">
        <input name="file" type="file" multiple />
    </div>
</form>

My Form

<form method="POST" action="linktopagehere" accept-charset="UTF-8" id="basicForm"><input name="_token" type="hidden" value="JBVbP1bfQweIFKaEotXpRWmaayWJHuM9qOF6n4Ch">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">Create User Form</h4>
        </div><!-- panel-heading -->
        <div class="panel-body">
            <div class="row">
                <div class="form-group ">
                    <label for="first_name" class="col-sm-3 control-label">First Name</label>
                    <div class="col-sm-9">
                        <input class="form-control" required="required" name="first_name" type="text" id="first_name">  
                    </div>
                 </div><!-- form-group -->  
                 <div class="form-group ">
                     <label for="last_name" class="col-sm-3 control-label">Last Name</label>
                     <div class="col-sm-9">
                         <input class="form-control" required="required" name="last_name" type="text" id="last_name">
                     </div>
                 </div><!-- form-group -->  
                 <div class="form-group ">  
                     <label for="avatar" class="col-sm-3 control-label">Avatar</label>
                     <div class="col-sm-9">
                         <div class="dropzone">
                             <div class="fallback">
                                 <input name="avatar" type="file" id="avatar">
                             </div>
                         </div>
                     </div>
                </div><!-- form-group -->       
            </div><!-- row -->
        </div><!-- panel-body -->
        <div class="panel-footer">
            <div class="row">
                <div class="col-sm-9 col-sm-offset-3">
                    <input class="btn btn-primary mr5" type="submit" value="Create">
                    <input class="btn btn-dark" type="reset" value="Reset">
                    <a href="http://ift.tt/11zflNn" class="btn btn-info">Back To Users</a>
                </div>
           </div>
       </div><!-- panel-footer -->  
   </div><!-- panel -->
</form>

asked 2 mins ago

user3732216

41

Working with forms and dropzone