]>
Commit | Line | Data |
---|---|---|
59c06b17 CS |
1 | <!DOCTYPE html> |
2 | <html lang="en"> | |
3 | <head> | |
4 | <meta charset="utf-8"> | |
5 | <title>Bootstrap, from Twitter</title> | |
6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
7 | <meta name="description" content=""> | |
8 | <meta name="author" content=""> | |
9 | ||
10 | <!-- Le styles --> | |
11 | <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> | |
12 | <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> | |
13 | <style> | |
14 | body { | |
15 | padding-top: 30px; | |
16 | padding-bottom: 30px; | |
17 | } | |
18 | </style> | |
19 | ||
20 | <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> | |
21 | <!--[if lt IE 9]> | |
22 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
23 | <![endif]--> | |
24 | ||
25 | <!-- Le fav and touch icons --> | |
26 | <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico"> | |
27 | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png"> | |
28 | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png"> | |
29 | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png"> | |
30 | <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png"> | |
31 | </head> | |
32 | ||
33 | <body> | |
34 | ||
35 | <form class="container"> | |
36 | ||
37 | <div class="page-header"> | |
38 | <h1>Form controls</h1> | |
39 | </div> | |
40 | ||
41 | <div class="row"> | |
42 | <div class="span4"> | |
43 | ||
44 | <label>Select</label> | |
45 | <select> | |
46 | <option>Select</option> | |
47 | <option>Option 2</option> | |
48 | <option>Option 3</option> | |
49 | </select> | |
50 | ||
51 | <hr> | |
52 | ||
53 | <label>textarea</label> | |
54 | <textarea>Textarea</textarea> | |
55 | ||
56 | <hr> | |
57 | ||
58 | <label>text</label> | |
59 | <input type="text" value="Text input"> | |
60 | ||
61 | <hr> | |
62 | ||
63 | <label>password</label> | |
64 | <input type="password" value="Password input"> | |
65 | ||
66 | <hr> | |
67 | ||
68 | <label>checkbox</label> | |
69 | <input type="checkbox" value=""> | |
70 | ||
71 | <hr> | |
72 | ||
73 | <label>radio</label> | |
74 | <input type="radio" value=""> | |
75 | ||
76 | <hr> | |
77 | ||
78 | <label>button</label> | |
79 | <input type="button" value="Button"> | |
80 | ||
81 | <hr> | |
82 | ||
83 | <label>submit</label> | |
84 | <input type="submit" value="Submit"> | |
85 | ||
86 | <hr> | |
87 | ||
88 | <label>reset</label> | |
89 | <input type="reset" value="Reset"> | |
90 | ||
91 | </div><!-- /span4 --> | |
92 | <div class="span4"> | |
93 | ||
94 | <label>file</label> | |
95 | <input type="file" value=""> | |
96 | ||
97 | <hr> | |
98 | ||
99 | <label>hidden</label> | |
100 | <input type="hidden" value="hidden"> | |
101 | ||
102 | <hr> | |
103 | ||
104 | <label>image</label> | |
105 | <input type="image" value=""> | |
106 | ||
107 | <hr> | |
108 | ||
109 | <label>datetime</label> | |
110 | <input type="datetime" value=""> | |
111 | ||
112 | <hr> | |
113 | ||
114 | <label>datetime-local</label> | |
115 | <input type="datetime-local" value=""> | |
116 | ||
117 | <hr> | |
118 | ||
119 | <label>date</label> | |
120 | <input type="date" value=""> | |
121 | ||
122 | <hr> | |
123 | ||
124 | <label>month</label> | |
125 | <input type="month" value=""> | |
126 | ||
127 | <hr> | |
128 | ||
129 | <label>time</label> | |
130 | <input type="time" value=""> | |
131 | ||
132 | <hr> | |
133 | ||
134 | <label>week</label> | |
135 | <input type="week" value=""> | |
136 | ||
137 | </div><!-- /span4 --> | |
138 | <div class="span4"> | |
139 | ||
140 | <label>number</label> | |
141 | <input type="number" value=""> | |
142 | ||
143 | <hr> | |
144 | ||
145 | <label>range</label> | |
146 | <input type="range" value=""> | |
147 | ||
148 | <hr> | |
149 | ||
150 | <label>email</label> | |
151 | <input type="email" value=""> | |
152 | ||
153 | <hr> | |
154 | ||
155 | <label>url</label> | |
156 | <input type="url" value=""> | |
157 | ||
158 | <hr> | |
159 | ||
160 | <label>search</label> | |
161 | <input type="search" value=""> | |
162 | ||
163 | <hr> | |
164 | ||
165 | <label>tel</label> | |
166 | <input type="tel" value=""> | |
167 | ||
168 | <hr> | |
169 | ||
170 | <label>color</label> | |
171 | <input type="color" value=""> | |
172 | ||
173 | </div><!-- /span4 --> | |
174 | </div><!-- /row --> | |
175 | ||
176 | </form> <!-- /container --> | |
177 | ||
178 | </body> | |
179 | </html> |