metaform: enter captions and optionally field names

[wfpl.git] / metaform / main.html
diff --git a/metaform/main.html b/metaform/main.html

index f15b49e..0103f65 100644 (file)
--- a/metaform/main.html
+++ b/metaform/main.html
@@ -3,6 +3,7 @@
  <html>
  <head>
    <title>Meta Form</title>
+  <style>input[type=text], textarea { width: 400px; }</style>
  </head>
  
  <body>
@@ -11,7 +12,7 @@
    <form action="~metaform_name~" method="get">
      <p>The form name should not contain any capitals or symbols (besides underscore)</p>
  
-    <p>File name: <input type="text" name="file_name" value="~file_name attr~">.html</p>
+    <p>File name: <input type="text" name="file_name" value="~public_file_name attr~" autofocus>.html</p>
  
      <p>DB table: <input type="text" name="table_name" value="~table_name attr~"></p>
  
@@ -30,14 +31,24 @@
  
      <p><input type="checkbox" name="opt_display~opt_display checked~" value="Yes"> Provide a "Display" page.</p>
  
-    <p><input type="checkbox" name="opt_pass~opt_pass checked~" value="Yes"> Password protect this form.</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>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>Example:<br><code><pre>
+email
+contact info (all required) {
+  name
+  phone
+}
+textarea comments
+yesno agree
+</pre></code></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>Example:<br><pre>
-name      textbox
-phone     phone
-comments  textarea
-agree     yesno</pre></p>
      <p>Fields: 
      <textarea rows="10" cols="40" name="fields">~fields html~</textarea></p>