Make compare.settings a form

Note that this diff doesn't change input form of other pages
like index or bootstrap.

Author: tesuji

site/static/compare.html

@@ -46,18 +46,20 @@ <h3>Cache states</h3>
         </ul>
     </div>
     <div id="content" style="display: none"></div>
-    <div id="settings">
-        <div id="commits" class="settings" style="text-align:left;">
-            <h3>Commits</h3>
-            Commit/Date A: <input width="100em" placeholder="YYYY-MM-DD or SHA" id="start-bound" /><br>
-            Commit/Date B: <input width="100em" placeholder="YYYY-MM-DD or SHA" id="end-bound" /><br>
-            <select id='stats' name="stat">
-            </select>
-            <div class="submit">
-                <a href="#" onClick="submit_settings(); return false;">Submit</a>
-            </div>
-        </div>
-    </div>
+    <form id="settings" action="">
+        <fieldset id="commits">
+            <legend>Commits</legend>
+            <label for="start-bound">Commit/Date A:</label>
+            <input width="100em" placeholder="YYYY-MM-DD or SHA" id="start-bound" /><br>
+            <label for="end-bound">Commit/Date B:</label>
+            <input width="100em" placeholder="YYYY-MM-DD or SHA" id="end-bound" /><br>
+        </fieldset>
+        <label for="stats">Choose a comparison method:</label>
+        <select id='stats' name="stat">
+        </select><br>
+        <input type="submit" value="Submit" onclick="submit_settings(); return false;">
+    </form>
+    <br>
     <div id="as-of"></div>
     <a href="https://github.com/rust-lang-nursery/rustc-perf">
         <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png">