add all inputs in an form

main/templates/main/index.html

@@ -24,6 +24,7 @@
     .t     	   { background-color: rgba(5, 72, 81, 0.1); }
     .s     	   { background-color: lightgray; }
     .inp_numb  { width: 3rem;}
+    .formcontrol { margin-left: 3rem; margin-top: 2rem;}
     #t         { margin: 0 3.000rem; background-color: rgba(8, 161, 181, 0.1); }
     #s         { margin: 0 3.000rem; background-color: rgba(210, 214, 214, 0.373); }
     #other     { margin: 0.250rem 3.000rem; }
@@ -36,8 +37,9 @@
 </section>
 
 <!-- INFOS -->
-
-<div id="technik">
+<form action="" method="post">
+    {% csrf_token %}
+    <div id="technik">
         <table style="margin-top: 2.000rem;">
             <tr>
                 <td style="width: 2.750rem; background-color: rgba(210, 214, 214, 0.373);">
@@ -46,8 +48,8 @@
                 </td>
             </tr>
         </table>
-</div>
-<div id="s">
+    </div>
+    <div id="s">
         <table>
             
             <tr>
@@ -78,11 +80,11 @@
                 <td><p class="theme" style="text-align: left"></p></td>
             </tr>
         </table>
-</div>
+    </div>
     
-<!-- PREDIGTDIENST -->
+    <!-- PREDIGTDIENST -->
     
-<div id="technik">
+    <div id="technik">
         <table style="margin-top: 2.000rem;">
             <tr>
                 <td style="width: 2.750rem; background-color: rgba(210, 214, 214, 0.373);">
@@ -91,8 +93,8 @@
                 </td>
             </tr>
         </table>
-</div>
-<div id="s">
+    </div>
+    <div id="s">
         <table>
     
             <!-- 1. DIENST -->
@@ -239,12 +241,12 @@
                 </td>
             </tr>
         </table>
-</div>
+    </div>
     
     
-<!-- ORDNUNGSDIENST -->
+    <!-- ORDNUNGSDIENST -->
     
-<div id="technik">
+    <div id="technik">
         <table style="margin-top: 2rem;">
             <tr>
                 <td style="width: 2.750rem; background-color: rgba(5, 72, 81, 0.1);">
@@ -253,8 +255,8 @@
                 </td>
             </tr>
         </table>
-</div>
-<div id="t">  
+    </div>
+    <div id="t">  
         <table>
     
             <!-- SAAL -->
@@ -325,12 +327,12 @@
                 </td>
             </tr>
         </table>
-</div>
+    </div>
     
     
-<!-- TECHNIK -->
+    <!-- TECHNIK -->
     
-<div id="technik">
+    <div id="technik">
         <table style="margin-top: 2rem;">
             <tr>
                 <td style="width: 2.750rem; background-color: rgba(5, 72, 81, 0.1);">
@@ -339,8 +341,8 @@
                 </td>
             </tr>
         </table>
-</div>
-<div id="t">  
+    </div>
+    <div id="t">  
         <table>
     
             <!-- ANLAGE -->
@@ -437,7 +439,11 @@
                 </td>
             </tr>
         </table>
-</div>
-<p style="display: none;">!Technik_END!</p>
+    </div>
+    <p style="display: none;">!Technik_END!</p>
+    <div class="formcontrol">
+        <button type="submit" class="btn btn-secondary">Speichern</button>
+    </div>
+</form>
 </div>
 {% endblock %}