JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform itself (not generated code) <label> checkboxes
[wfpl.git] / metaform / main.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <title>Meta Form</title>
6   <style>input[type=text], textarea { width: 400px; }</style>
7 </head>
8
9 <body>
10   <h1>Meta Form</h1>
11   <p>This site will write code for you (sql code, php code, html template, email template) to handle a form.</p>
12   <form action="~metaform_name~" method="get">
13     <p>The form name should not contain any capitals or symbols (besides underscore)</p>
14
15     <p>File name: <input type="text" name="file_name" value="~public_file_name attr~" autofocus>.html</p>
16
17     <p>DB table: <input type="text" name="table_name" value="~table_name attr~"></p>
18
19     <p>Printable singular: <input type="text" name="singular" value="~singular attr~"></p>
20
21     <p>Printable plural: <input type="text" name="plural" value="~plural attr~"></p>
22
23
24         <h3>Features</h3>
25
26     <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>
27
28     <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>
29
30     <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>
31
32     <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>
33
34     <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>
35        &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>
36        &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>
37
38         <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>
39
40         <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>
41
42         <p>Pulldown/radio options can be specified (one per line) indented below the field</p>
43
44         <p>Example:<br><code><pre>
45 email
46 contact info (all required) {
47 name
48 phone
49 }
50 pulldown color
51         Red
52         Blue
53         Black
54 textarea comments
55 yesno agree
56 </pre></code></p>
57
58     <p>Fields: 
59     <textarea rows="10" cols="40" name="fields">~fields html~</textarea></p>
60
61     <p><input type="submit" name="preview" value="Continue"></p>
62   </form>
63 </body>
64 </html>