JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform itself (not generated code) <label> checkboxes
[wfpl.git] / metaform / main.html
index ef68b63..f6202e4 100644 (file)
@@ -3,6 +3,7 @@
 <html>
 <head>
   <title>Meta Form</title>
+  <style>input[type=text], textarea { width: 400px; }</style>
 </head>
 
 <body>
 
        <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 form.<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. After each field name, put at least one space, then the field type. The following field types are available: <!--~types {~--><!--~types_sep {~-->, <!--~}~-->~type html~<!--~}~-->.</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>
 
        <p>You can start a labeled fieldset by putting a <code>{</code> at the end of a line with the caption. Then end the fieldset with a <code>}</code> on a line by itself</p>
 
+       <p>Pulldown/radio options can be specified (one per line) indented below the field</p>
+
        <p>Example:<br><code><pre>
-email     textbox
+email
 contact info (all required) {
-name      textbox
-phone     phone
+name
+phone
 }
-comments  textarea
-color     pulldown Red,Green,Blue
-agree     yesno
+pulldown color
+       Red
+       Blue
+       Black
+textarea comments
+yesno agree
 </pre></code></p>
 
     <p>Fields: