基础和模态/揭示

Question

我遇到了基金会的模态和表格问题。

我希望能够填写表格，打开模态，然后让该模式能够提交表格。

通常情况下，我有自己的形式，以及所有形式的字段，并将模态放在表单元素中，这样就可以了 - 但是有了基础，我发现了modal移动到DOM的底部。

实现我之后的最佳方式是什么？

我已经添加了我的正​​常结构可能是什么样的骨架 - 任何帮助都会非常感激。

<form method="post" action="...">
    <label for="title">Title</label>
    <input type="text" name="title" id="title" placeholder="Enter campaign title here" required>

     <label for="title">Description</label>
     <textarea type="text" name="description" placeholder="Description of this campaign"></textarea>

     <button type="button" class="button default-btn float-right" data-open="emailSendConfirmation">Publish campaign</button>

    <div class="reveal" id="emailSendConfirmation" data-reveal>         
        <button data-close aria-label="Close modal" type="button" class="button">Cancel</button>
        <button type="submit" class="button" name="status" value="Published">Publish</button>
    </div>
</form>

谢谢， 奥利