diff options
Diffstat (limited to 'build/pgo/blueprint/forms.html')
| -rw-r--r-- | build/pgo/blueprint/forms.html | 144 |
1 files changed, 144 insertions, 0 deletions
diff --git a/build/pgo/blueprint/forms.html b/build/pgo/blueprint/forms.html new file mode 100644 index 0000000000..68a9512c97 --- /dev/null +++ b/build/pgo/blueprint/forms.html @@ -0,0 +1,144 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> + +<html lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Blueprint Forms Tests</title> + + <!-- Framework CSS --> + <link + rel="stylesheet" + href="screen.css" + type="text/css" + media="screen, projection" + /> + <link rel="stylesheet" href="print.css" type="text/css" media="print" /> + <!--[if IE + ]><link + rel="stylesheet" + href="ie.css" + type="text/css" + media="screen, projection" + /><![endif]--> + </head> + <body> + <div class="container showgrid"> + <h1>Forms</h1> + <hr /> + + <div class="span-12"> + <form id="dummy" action="" method="post"> + <fieldset> + <legend>Simple sample form</legend> + + <p> + <label for="dummy0">Text input (title)</label><br /> + <input + type="text" + class="title" + name="dummy0" + id="dummy0" + value="Field with class .title" + /> + </p> + + <p> + <label for="dummy1">Another field</label><br /> + <input + type="text" + class="text" + id="dummy1" + name="dummy1" + value="Field with class .text" + /> + </p> + + <p> + <label for="dummy2">Textarea</label><br /> + <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea> + </p> + + <p> + <input type="submit" value="Submit" /> + <input type="reset" value="Reset" /> + </p> + </fieldset> + </form> + </div> + <div class="span-12 last"> + <div class="error"> + This is a <div> with the class <strong>.error</strong>. + <a href="#">Link</a>. + </div> + <div class="notice"> + This is a <div> with the class <strong>.notice</strong>. + <a href="#">Link</a>. + </div> + <div class="success"> + This is a <div> with the class <strong>.success</strong>. + <a href="#">Link</a>. + </div> + + <fieldset> + <legend>Select, checkboxes, lists</legend> + + <p> + <label for="dummy3">Select field</label><br /> + <select id="dummy3" name="dummy3"> + <option value="1">Ottawa</option> + <option value="2">Calgary</option> + <option value="3">Moosejaw</option> + </select> + </p> + + <p> + <label for="dummy4">Select with groups</label><br /> + <select id="dummy4" name="dummy4"> + <option>Favorite pet</option> + <optgroup label="mammals"> + <option>dog</option> + <option>cat</option> + <option>rabbit</option> + <option>horse</option> + </optgroup> + <optgroup label="reptiles"> + <option>iguana</option> + <option>snake</option> + </optgroup> + </select> + </p> + + <p> + <label>Radio buttons</label><br /> + <input type="radio" name="example" /> Radio one<br /> + <input type="radio" name="example" /> Radio two<br /> + <input type="radio" name="example" /> Radio three<br /> + </p> + + <p> + <label>Checkboxes</label><br /> + <input type="checkbox" /> Check one<br /> + <input type="checkbox" /> Check two<br /> + <input type="checkbox" /> Check three<br /> + </p> + </fieldset> + </div> + <hr /> + + <p> + <a href="http://validator.w3.org/check?uri=referer"> + <img + src="valid.png" + alt="Valid HTML 4.01 Strict" + height="31" + width="88" + class="top" + /></a> + </p> + </div> + </body> +</html> |