title: django forms as a pop up dialogue
body: <p>I just created a django form using this following documentation:<a href="https://docs.djangoproject.com/en/1.8/topics/forms/" rel="nofollow">https://docs.djangoproject.com/en/1.8/topics/forms/</a></p>
  
  <p>My Forms.py is similar to this:</p>
  
  <pre><code>from django import forms
  
  class NameForm(forms.Form):
      your_name = forms.CharField(label='Your name', max_length=100)
  </code></pre>
  
  <p>My Html template is similar to this (from django doc):</p>
  
  <pre><code>&lt;dialog id="addForm"&gt;
      &lt;form action="{% url "listing" %}" method="post" &gt;
      {% csrf_token %}
      {{ form }}
  
      &lt;input id="task_submit" type="submit" value="Submit"/&gt;
      &lt;/form&gt;
  &lt;/dialog&gt;
  
  &lt;button onlick="PopUp()"&gt;Add Listing &lt;/button&gt;
  
  &lt;script&gt;
  
  function PopUp(){
      document.getElementByID("addForm").showModal();
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>However, I want my form to be a pop up dialogue when a user clicks on a button called "add tasks". I do not want the form to show until the user clicks a button called "add tasks". I have not been able to find any methods so far to do so while using Django Forms.</p>
  
  <p>Question: How do I implement a pop up dialogue to display my current django form when a user clicks on a button?</p>