metaform itself (not generated code) <label> checkboxes

diff --git a/metaform/main.html b/metaform/main.html
index 6454440..f6202e4 100644 (file)
--- a/metaform/main.html
+++ b/metaform/main.html
@@ -23,17 +23,17 @@
 
        <h3>Features</h3>
 
-    <p><input type="checkbox" name="opt_email~opt_email checked~" value="Yes"> Send form results vie e-mail.</p>
+    <p><input type="checkbox" name="opt_email~opt_email checked~" id="opt_email" value="Yes"> <label for="opt_email">Send form results vie e-mail.</label></p>
 
-    <p><input type="checkbox" name="opt_db~opt_db checked~" value="Yes"> Save form results to a database.</p>
+    <p><input type="checkbox" name="opt_db~opt_db checked~" id="opt_db" value="Yes"> <label for="opt_db">Save form results to a database.</label></p>
 
-    <p><input type="checkbox" name="opt_listing~opt_listing checked~" value="Yes"> Provide a "Listing" page.</p>
+    <p><input type="checkbox" name="opt_listing~opt_listing checked~" id="opt_listing" value="Yes"> <label for="opt_listing">Provide a "Listing" page.</label></p>
 
-    <p><input type="checkbox" name="opt_display~opt_display checked~" value="Yes"> Provide a "Display" page.</p>
+    <p><input type="checkbox" name="opt_display~opt_display checked~" id="opt_display" value="Yes"> <label for="opt_display">Provide a "Display" page.</label></p>
 
-    <p><input type="checkbox" name="opt_pass~opt_pass checked~" value="Yes"> Password protect this page.<br>
-       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_form~opt_public_form checked~" value="Yes"> But with publicly accessible submission form<br>
-       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_display~opt_public_display checked~" value="Yes"> But with publicly accessible view page.</p>
+    <p><input type="checkbox" name="opt_pass~opt_pass checked~" id="opt_pass" value="Yes"> <label for="opt_pass">Password protect this page.</label><br>
+       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_form~opt_public_form checked~" id="opt_public_form" value="Yes"> <label for="opt_public_form">But with publicly accessible submission form</label><br>
+       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_display~opt_public_display checked~" id="opt_public_display" value="Yes"> <label for="opt_public_display">But with publicly accessible view page.</label></p>
 
        <p>Below, specify the fields you'd like in your form, one field per line. You can (optional) add a field type at the beginning of the line. The following field types are available: <!--~types {~--><!--~types_sep {~-->, <!--~}~-->~type html~<!--~}~-->.</p>