Javascript django以弹出式对话的形式出现

我刚刚使用以下文档创建了django表单：

My Forms.py与此类似：

from django import forms

class NameForm(forms.Form):
    your_name = forms.CharField(label='Your name', max_length=100)

我的Html模板与此类似（来自django文档）：

{%csrf_令牌%}
{{form}}
添加列表
函数PopUp（）{
document.getElementByID（“addForm”）.showmodel（）；
}

但是，我希望当用户单击名为“添加任务”的按钮时，我的表单是一个弹出对话框。在用户单击名为“添加任务”的按钮之前，我不希望表单显示。到目前为止，在使用Django表单时，我还没有找到任何这样做的方法

---

问题：当用户单击按钮时，如何实现弹出对话框来显示我当前的django表单？

找到了我在这里寻找的解决方案：

---

< P> < /P>这是因为你需要把这个表单放到一个模型中，你的实际问题是什么？”布兰登问题：当用户点击按钮时，我如何实现一个弹出对话框来显示当前的Django表单？你是否使用了Zurb基金会的推特引导层的演示层框架？尝试搜索“javascript模式”以获得一些想法，然后将表单放入这样的模式中。

<dialog id="addForm">
    <form action="{% url "listing" %}" method="post" >
    {% csrf_token %}
    {{ form }}

    <input id="task_submit" type="submit" value="Submit"/>
    </form>
</dialog>

<button onlick="PopUp()">Add Listing </button>

<script>

function PopUp(){
    document.getElementByID("addForm").showModal();
}

</script>