summaryrefslogtreecommitdiffstats
path: root/build/pgo/blueprint/forms.html
blob: 8310ba4d4543c4eb3c22ae4ef70bd1cf66a1b35e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
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 &lt;div&gt; with the class <strong>.error</strong>. <a href="#">Link</a>.
      </div>
      <div class="notice">
        This is a &lt;div&gt; with the class <strong>.notice</strong>. <a href="#">Link</a>.
      </div>		
      <div class="success">
        This is a &lt;div&gt; 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>