diff --git a/mysite/plots/templates/plots/index.html b/mysite/plots/templates/plots/index.html
index 4e1481ee0c739e5082e5457396d862059dd525c7..90f52fe9089873549be527a177a84d0c2bf80721 100644
--- a/mysite/plots/templates/plots/index.html
+++ b/mysite/plots/templates/plots/index.html
@@ -18,13 +18,13 @@
                 {% csrf_token %}
                 <label for="drawn_polygons"><b>Load/Clear drawn Polygons</b></label>
                 <input id="drawn_polygons" type="hidden" name="drawn_polygons" value="test">
-                <input type="submit" onclick="myFunction()" value="load">
+                <button type="submit" onclick="myFunction()">load</button>
             </form>
             <form style='display:inline' action="/clear_polygons/"  method="get">
                 {% csrf_token %}
                 <label for="clear_polygons"></label>
                 <input id="clear_polygons" type="hidden" name="clear_polygons" value="test">
-                <input type="submit"  value="clear">
+                <button type="submit">clear</button>
             </form>
         </div>
         <div>
@@ -32,7 +32,7 @@
                 {% csrf_token %}
                 <label for="load_csv_polygons"><b>Load CSV Polygons into PolyEditTool</b></label>
                 <input id="load_csv_polygons" type="hidden" name="load_csv_polygons" value="test">
-                <input type="submit"  value="load to Drawtool">
+                <button type="submit">load to Drawtool</button>
             </form>
         </div>
         <div>
@@ -42,7 +42,7 @@
                 <input id="polygon_count" type="number" min="0"  name="polygon_count" value=5>
                 <label for="vertices"><b>Number of Vertices (min 3)</b></label>
                 <input id="vertices" type="number" min="3"  name="vertices" value=10>
-                <input type="submit"  value="load to Drawtool">
+                <button type="submit">load to Drawtool</button>
             </form>
 
         </div>
@@ -51,7 +51,7 @@
                 {% csrf_token %}
                 <label for="pack_rect_container"><b>Packing Rectengular Container</b></label>
                 <input id="pack_rect_container" type="hidden" name="pack_polygon" value="test">
-                <input type="submit" onclick="packPolygons()" value="pack">
+                <button type="submit" onclick="packPolygons()">pack</button>
             </form>
         </div>
          <div>
@@ -59,7 +59,7 @@
                 {% csrf_token %}
                 <label for="pack_rotated_rect_container"><b>Packing Rotated Rectengular Container</b></label>
                 <input id="pack_rotated_rect_container" type="hidden" name="pack_polygon" value="test">
-                <input type="submit" onclick="packPolygons()" value="pack">
+                <button type="submit" onclick="packPolygons()">pack</button>
             </form>
         </div>
         <div>
@@ -67,7 +67,7 @@
                 {% csrf_token %}
                 <label for="pack_convex_container"><b>Packing Convex Container (degree between 1-360)</b></label>
                 <input id="pack_convex_container" type="number" min="1" max="360" name="angle" value=10>
-                <input type="submit"  value="pack">
+                <button type="submit">pack</button>
             </form>
         </div>
         <div>