Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 213 lines (213 sloc) 6.264 kb
b9a7180 @nathansmith Fixed missing text var in Prototype & YUI versions.
authored
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>Formalize CSS</title>
0c348af @nathansmith For consistency across other peojects, renamed /stylesheets and /java…
authored
6 <link rel="stylesheet" href="assets/css/demo.css" />
7adb1bc @nathansmith No reason for the paths to be "https" instead of "http" - Just a bad …
authored
7 <script src="http://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
0c348af @nathansmith For consistency across other peojects, renamed /stylesheets and /java…
authored
8 <script src="assets/js/extjs.formalize.js"></script>
b9a7180 @nathansmith Fixed missing text var in Prototype & YUI versions.
authored
9 </head>
10 <body>
11 <div id="wrapper">
54fc31b @nathansmith Just fixing some indentation.
authored
12 <h1>
13 Example of all form elements
14 </h1>
403f744 @nathansmith Just minor tweaks to the HTML demo files. No big deal.
authored
15 <form action="#" method="post" enctype="multipart/form-data" onsubmit="return false">
54fc31b @nathansmith Just fixing some indentation.
authored
16 <p>
17 <input type="checkbox" id="test_checkbox_1" name="test_checkbox_1" />
18 <label for="test_checkbox_1">
19 Test checkbox 1
20 </label>
21 &nbsp;
22 &nbsp;
23 <input type="checkbox" id="test_checkbox_2" name="test_checkbox_2" />
24 <label for="test_checkbox_2">
25 Test checkbox 2
26 </label>
27 &nbsp;
28 &nbsp;
29 <input type="checkbox" id="test_checkbox_3" name="test_checkbox_3" />
30 <label for="test_checkbox_3">
31 Test checkbox 3
32 </label>
33 </p>
34 <p>
35 <input type="radio" id="test_radio_1" name="test_radio_group" />
36 <label for="test_radio_1">
37 Test radio 1
38 </label>
39 &nbsp;
40 &nbsp;
41 <input type="radio" id="test_radio_2" name="test_radio_group" />
42 <label for="test_radio_2">
43 Test radio 2
44 </label>
45 &nbsp;
46 &nbsp;
47 <input type="radio" id="test_radio_3" name="test_radio_group" />
48 <label for="test_radio_3">
49 Test radio 3
50 </label>
51 </p>
52 <p>
53 <label for="select_dd">
54 Select drop-down
55 </label>
56 <br />
57 <select id="select_dd" name="select_dd">
58 <optgroup label="Group 1">
59 <option value="1">Some text goes here</option>
60 <option value="2">Another choice could be here</option>
61 <option value="3">Yet another item to be chosen</option>
62 </optgroup>
63 <optgroup label="Group 2">
64 <option value="4">Some text goes here</option>
65 <option value="5">Another choice could be here</option>
66 <option value="6">Yet another item to be chosen</option>
67 </optgroup>
68 <optgroup label="Group 3">
69 <option value="7">Some text goes here</option>
70 <option value="8">Another choice could be here</option>
71 <option value="9">Yet another item to be chosen</option>
72 </optgroup>
73 </select>
74 <input type="text" id="text_inline" name="text_inline" />
75 <input type="button" value="Hello" />
76 </p>
77 <p>
78 <label for="select_multi">
79 Select multiple
80 </label>
81 <br />
82 <select id="select_multi" name="select_multi" multiple="multiple" size="10">
83 <optgroup label="Group 1">
84 <option value="1">Some text goes here</option>
85 <option value="2">Another choice could be here</option>
86 <option value="3">Yet another item to be chosen</option>
87 </optgroup>
88 <optgroup label="Group 2">
89 <option value="4">Some text goes here</option>
90 <option value="5">Another choice could be here</option>
91 <option value="6">Yet another item to be chosen</option>
92 </optgroup>
93 <optgroup label="Group 3">
94 <option value="7">Some text goes here</option>
95 <option value="8">Another choice could be here</option>
96 <option value="9">Yet another item to be chosen</option>
97 </optgroup>
98 </select>
99 </p>
100 <p>
101 <label for="textarea">
102 Textarea
103 </label>
104 <br />
105 <textarea id="textarea" name="textarea" rows="5" placeholder="This is an example of HTML5 placeholder text."></textarea>
106 </p>
107 <table class="horiz">
108 <tr>
109 <td>
110 <label for="url">
111 URL + Autofocus
112 </label>
113 <br />
114 <input type="url" id="url" name="url" value="http://" autofocus="autofocus" />
115 </td>
116 <td>
117 <label for="email">
118 Email
119 </label>
120 <br />
121 <input type="email" id="email" name="email" placeholder="name@example.com" />
122 </td>
123 <td>
0e12ea7 @nathansmith Killing faux placeholder support for <input type="password"> since it…
authored
124 <label for="password">
125 Password
54fc31b @nathansmith Just fixing some indentation.
authored
126 </label>
127 <br />
0e12ea7 @nathansmith Killing faux placeholder support for <input type="password"> since it…
authored
128 <input type="password" id="password" name="password" placeholder="Alphanumeric123!" />
54fc31b @nathansmith Just fixing some indentation.
authored
129 </td>
130 </tr>
131 <tr>
132 <td>
133 <label for="datetime-local">
134 Datetime local
135 </label>
136 <br />
137 <input type="datetime-local" id="datetime-local" name="datetime-local" />
138 </td>
139 <td>
140 <label for="number">
141 Number
142 </label>
143 <br />
859a36e @nathansmith Added min, max, step to input type="number" - to make it clear how to…
authored
144 <input type="number" id="number" name="number" min="0" max="999" step="1" />
54fc31b @nathansmith Just fixing some indentation.
authored
145 </td>
146 <td>
147 <label for="tel">
148 Tel (phone)
149 </label>
150 <br />
151 <input type="tel" id="tel" name="tel" />
152 </td>
153 </tr>
154 <tr>
155 <td>
156 <label for="datetime">
157 Datetime
158 </label>
159 <br />
160 <input type="datetime" id="datetime" name="datetime" />
161 </td>
162 <td>
163 <label for="date">
164 Date
165 </label>
166 <br />
167 <input type="date" id="date" name="date" />
168 </td>
169 <td>
170 <label for="month">
171 Month
172 </label>
173 <br />
174 <input type="month" id="month" name="month" />
175 </td>
176 </tr>
177 <tr>
178 <td>
179 <label for="search">
180 Search
181 </label>
182 <br />
183 <input type="search" id="search" name="search" />
184 </td>
185 <td>
186 <label for="range">
187 Range
188 </label>
189 <br />
190 <input type="range" id="range" name="range" />
191 </td>
192 <td>
193 <label for="file">
194 File upload
195 </label>
196 <br />
197 <input type="file" id="file" name="file" />
198 </td>
199 </tr>
200 </table>
201 <p>
202 <input type="submit" value="Input - Submit" />
203 &nbsp;
204 <input type="button" value="Input - Button" />
205 &nbsp;
206 <input type="reset" value="Input - Reset" />
207 &nbsp;
208 <button>Button tag</button>
209 </p>
210 </form>
b9a7180 @nathansmith Fixed missing text var in Prototype & YUI versions.
authored
211 </div>
212 </body>
213 </html>
Something went wrong with that request. Please try again.