diff options
Diffstat (limited to 'build/pgo/blueprint/forms.html')
| -rw-r--r-- | build/pgo/blueprint/forms.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/build/pgo/blueprint/forms.html b/build/pgo/blueprint/forms.html new file mode 100644 index 000000000..8310ba4d4 --- /dev/null +++ b/build/pgo/blueprint/forms.html @@ -0,0 +1,104 @@ +<!-- 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> |