1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/build/pgo/blueprint/forms.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,104 @@
1.4 +<!-- This Source Code Form is subject to the terms of the Mozilla Public
1.5 + - License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
1.7 +
1.8 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
1.9 + "http://www.w3.org/TR/html4/strict.dtd">
1.10 +
1.11 +<html lang="en">
1.12 +<head>
1.13 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
1.14 + <title>Blueprint Forms Tests</title>
1.15 +
1.16 + <!-- Framework CSS -->
1.17 + <link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
1.18 + <link rel="stylesheet" href="print.css" type="text/css" media="print">
1.19 + <!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
1.20 +</head>
1.21 +<body>
1.22 +
1.23 + <div class="container showgrid">
1.24 + <h1>Forms</h1>
1.25 + <hr>
1.26 +
1.27 + <div class="span-12">
1.28 +
1.29 + <form id="dummy" action="" method="post">
1.30 +
1.31 + <fieldset>
1.32 + <legend>Simple sample form</legend>
1.33 +
1.34 + <p><label for="dummy0">Text input (title)</label><br>
1.35 + <input type="text" class="title" name="dummy0" id="dummy0" value="Field with class .title"></p>
1.36 +
1.37 + <p><label for="dummy1">Another field</label><br>
1.38 + <input type="text" class="text" id="dummy1" name="dummy1" value="Field with class .text"></p>
1.39 +
1.40 + <p><label for="dummy2">Textarea</label><br>
1.41 + <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea></p>
1.42 +
1.43 + <p><input type="submit" value="Submit">
1.44 + <input type="reset" value="Reset"></p>
1.45 +
1.46 + </fieldset>
1.47 + </form>
1.48 +
1.49 + </div>
1.50 + <div class="span-12 last">
1.51 +
1.52 + <div class="error">
1.53 + This is a <div> with the class <strong>.error</strong>. <a href="#">Link</a>.
1.54 + </div>
1.55 + <div class="notice">
1.56 + This is a <div> with the class <strong>.notice</strong>. <a href="#">Link</a>.
1.57 + </div>
1.58 + <div class="success">
1.59 + This is a <div> with the class <strong>.success</strong>. <a href="#">Link</a>.
1.60 + </div>
1.61 +
1.62 + <fieldset>
1.63 + <legend>Select, checkboxes, lists</legend>
1.64 +
1.65 + <p><label for="dummy3">Select field</label><br>
1.66 + <select id="dummy3" name="dummy3">
1.67 + <option value="1">Ottawa</option>
1.68 + <option value="2">Calgary</option>
1.69 + <option value="3">Moosejaw</option>
1.70 + </select></p>
1.71 +
1.72 + <p><label for="dummy4">Select with groups</label><br>
1.73 + <select id="dummy4" name="dummy4">
1.74 + <option>Favorite pet</option>
1.75 + <optgroup label="mammals">
1.76 + <option>dog</option>
1.77 + <option>cat</option>
1.78 + <option>rabbit</option>
1.79 + <option>horse</option>
1.80 + </optgroup>
1.81 + <optgroup label="reptiles">
1.82 + <option>iguana</option>
1.83 + <option>snake</option>
1.84 + </optgroup>
1.85 + </select></p>
1.86 +
1.87 + <p><label>Radio buttons</label><br>
1.88 + <input type="radio" name="example"> Radio one<br>
1.89 + <input type="radio" name="example"> Radio two<br>
1.90 + <input type="radio" name="example"> Radio three<br></p>
1.91 +
1.92 + <p><label>Checkboxes</label><br>
1.93 + <input type="checkbox"> Check one<br>
1.94 + <input type="checkbox"> Check two<br>
1.95 + <input type="checkbox"> Check three<br></p>
1.96 +
1.97 + </fieldset>
1.98 +
1.99 + </div>
1.100 + <hr>
1.101 +
1.102 + <p><a href="http://validator.w3.org/check?uri=referer">
1.103 + <img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
1.104 +
1.105 + </div>
1.106 +</body>
1.107 +</html>
