| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
| <head> |
| <title>Forge Form Test</title> |
| <link type="text/css" rel="stylesheet" media="all" href="screen.css" /> |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
| <script type="text/javascript" src="forge/debug.js"></script> |
| <script type="text/javascript" src="forge/util.js"></script> |
| <script type="text/javascript" src="forge/log.js"></script> |
| <script type="text/javascript" src="forge/form.js"></script> |
| <script type="text/javascript" src="form.js"></script> |
| |
| <link type="text/css" rel="stylesheet" media="all" href="screen.css" /> |
| </head> |
| <body> |
| <div class="nav"><a href="index.html">Forge Tests</a> / Form</div> |
| |
| <div class="header"> |
| <h1>Form Tests</h1> |
| </div> |
| |
| <div class="content"> |
| |
| <form id="form-1" class="ajax standard" method="post" action=""> |
| <fieldset> |
| <legend>Text</legend> |
| |
| <p> |
| <input name="text1" type="text" value="value1" /> |
| <input name="text2.sub1" type="text" value="value2" /> |
| <input name="text2.sub2[]" type="text" value="value3" /> |
| <input name="text2.sub2[]" type="text" value="value4" /> |
| <input name="text2.sub3[0]" type="text" value="value5" /> |
| <input name="text2.sub4[0][0]" type="text" value="value6" /> |
| <input name="text2.sub4[0][]" type="text" value="value7" /> |
| <input name="text2.sub5[foo][]" type="text" value="value8" /> |
| <input name="text2.sub5[dotted.name]" type="text" value="value9" /> |
| <input name="text2.sub6[]" type="text" value="value10" /> |
| <input name="text2.sub7[].@" type="text" value="value11" /> |
| <input name="text2.sub7[].@" type="text" value="value12" /> |
| <input name="text2.sub8[][].@" type="text" value="value13" /> |
| </p> |
| |
| <p> |
| <label>username <input name="username" type="text" value="username" /></label> |
| <label>password <input name="password" type="password" value="password" /></label> |
| </p> |
| |
| <p> |
| <label>password1.1 <input name="password1" type="password" value="password" /></label> |
| <label>password1.2 <input name="password1" type="password" value="password" /></label> |
| </p> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Checkbox</legend> |
| |
| <p> |
| <label><input name="checkbox1" type="checkbox" value="c1" /> C1</label> |
| <label><input name="checkbox1" type="checkbox" value="c2" /> C1</label> |
| <label><input name="checkbox1" type="checkbox" value="c3" /> C1</label> |
| </p> |
| |
| <p> |
| <label><input name="checkbox2[]" type="checkbox" value="c1" /> C2[]</label> |
| <label><input name="checkbox2[]" type="checkbox" value="c2" /> C2[]</label> |
| <label><input name="checkbox2[3]" type="checkbox" value="c3" /> C2[3]</label> |
| <label><input name="checkbox2[]" type="checkbox" value="c4" /> C2[]</label> |
| <label><input name="checkbox2.sub1" type="checkbox" value="c4" /> C2.sub1</label> |
| </p> |
| |
| <p> |
| <label><input name="checkbox3.sub1" type="checkbox" value="c1" /> C3.s1</label> |
| <label><input name="checkbox3.sub2" type="checkbox" value="c2" /> C3.s2</label> |
| <label><input name="checkbox3.sub2" type="checkbox" value="c3" /> C3.s2</label> |
| <label><input name="checkbox3[]" type="checkbox" value="c4" /> C3[]</label> |
| </p> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Radio</legend> |
| |
| <p> |
| <label><input name="radio1" type="radio" value="r1" /> R1</label> |
| <label><input name="radio1" type="radio" value="r2" /> R1</label> |
| <label><input name="radio1" type="radio" value="r3" /> R1</label> |
| <label><input name="radio1" type="radio" value="r4" /> R1</label> |
| </p> |
| |
| <p> |
| <label><input name="radio2.sub1" type="radio" value="r1" /> R2.s1</label> |
| <label><input name="radio2.sub1" type="radio" value="r2" /> R2.s1</label> |
| <label><input name="radio2.sub2" type="radio" value="r3" /> R2.s2</label> |
| <label><input name="radio2.sub2" type="radio" value="r4" /> R2.s2</label> |
| </p> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Select</legend> |
| <p> |
| <select name="select1"> |
| <option value="select1">Select 1</option> |
| <option value="select2">Select 2</option> |
| <option value="select3">Select 3</option> |
| </select> |
| </p> |
| |
| <p> |
| <select name="select2" multiple="multiple"> |
| <option value="select1">Select 1</option> |
| <option value="select2">Select 2</option> |
| <option value="select3">Select 3</option> |
| </select> |
| </p> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Text Area</legend> |
| |
| <textarea name="textarea">Test text.</textarea> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Buttons</legend> |
| |
| <p> |
| <button name="button1" type="submit" value="submit">Submit Form</button> |
| <button name="button2" type="reset" value="reset">Reset Form</button> |
| </p> |
| </fieldset> |
| |
| <fieldset> |
| <legend>Input Buttons</legend> |
| |
| <p> |
| <input name="submit" type="submit" value="Submit Form" /> |
| <input name="reset" type="reset" value="Reset Form" /> |
| </p> |
| </fieldset> |
| </form> |
| |
| <p>Result:</p> |
| <div id="result"></div> |
| |
| </div> |
| |
| </body> |
| </html> |