<!-- 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>