javascript - Dropzone框外的表单域

我正在使用dropzone.js进行拖放文件上传。我也有两个字段和一个提交按钮，但是尽管它们位于自己的<div>标记中，但它们仅显示在预览窗格中。我希望它出现在

CSS：

    #attachmentdropzone {
        cursor: pointer;
        border: 3px dashed #0000FF;
        padding: 30px 0;
    }

HTML：

<div class="container">
<form action="{{ url_for('upload') }}" method="POST" class="dropzone" enctype="multipart/form-data"
      id="attachmentdropzone">

    <div class="dropzone-previews"></div>
    <div class="container">

        <input type="email" name="username"/>
        <input type="password" name="password"/>

        <button type="submit">Submit data and files!</button>
    </div>
</form>

我要修复的当前布局。我想要蓝色虚线外的表单域和按钮。



编辑：摆弄：https://jsfiddle.net/boavzunL/

最佳答案

我添加了以下CSS类（Your Example）：

.container {
     position: absolute;
    margin-top: 75px;
    width:100%;
}