Почему если я вызываю поля формы по одному и выполняю действие на кнопке, связанной с этой формой, на Django не отображается результат?

я хочу использовать форму, но то, что я хочу, это вызов полей формы по одному в шаблоне Html и затем, если я нажимаю на кнопку "там был некоторый расчет результаты будут отображаться" , после долгих попыток я нашел, что если я вызываю всю форму в шаблоне html с помощью:

        <form action="{% url 'areas' %}" method="post"  id="maincont" novalidate>
          {% csrf_token %}
          {{ form }}
          <button id="reslink" >Result</button>
        </form>

--------> Он работает нормально и показывает мне значения результата

что я хочу сделать вызов полей формы по одному на html

     <form action="{% url 'areas' %}" method="post" id="maincont" novalidate>
      {% csrf_token %}
 <p>{{ form.domestic_residential}} Domestic and residential areas ml</p>
 <p>{{ form.office_area}} Office areas ml</p>     
      <input id="submit" type="button" value="Click"/>
      <p >{{ resultat }}</p>   
    </form>

--------> Это не показывает никакого результата.

Любая помощь будет оценена по достоинству, потому что я действительно хочу сделать это (я хочу вызывать поля по одному для вещей, зависящих от дизайна страницы).

Я просто хочу знать, как я могу исправить эту часть шаблона, чтобы заставить меня показать некоторые результаты (или любые советы или кто-то имел такую же проблему или любые ссылки могут помочь мне):

вот код Html, который я хочу исправить:

     <form action="{% url 'areas' %}" method="post" id="maincont" novalidate>
      {% csrf_token %}
 <p>{{ form.domestic_residential}} Domestic and residential areas ml</p>
 <p>{{ form.office_area}} Office areas ml</p>     
      <input id="submit" type="button" value="Click"/>
      <p >{{ resultat }}</p>   
    </form>

Вернуться на верх