放置区框外的表单域答案

【问题标题】：Form Fields outside dropzone box放置区框外的表单域
【发布时间】：2018-05-22 00:25:29
【问题描述】：

我正在使用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/

【问题讨论】：

没看懂你的问题，能否详细说明一下？
@BASEERHAIDERJAFRI 已更新。我希望蓝色虚线之外的字段和按钮仍然是表单的一部分
你能在 JSFiddle 上展示你的代码吗？
@BASEERHAIDERJAFRI jsfiddle.net/boavzunL

标签： javascript html css dropzone.js

【解决方案1】：

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

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

【讨论】：

谢谢。您可以尝试在文件中拖放。放入文件后显示数十行 html 代码，出现问题。
@user2242044 因为您没有提供有效的操作，即（action="{{ url_for('upload') }}"）。