Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 213 lines (213 sloc) 6.727 kB
6fd523a Added support for YUI 3.x. Also, pointed all JS library references to…
Nathan Smith authored
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>Formalize CSS</title>
260f9b6 @nathansmith Slight tweaks, so the files can co-exist with the new project home pa…
nathansmith authored
6 <link rel="stylesheet" href="assets/stylesheets/demo.css" />
045e204 @nathansmith Updating to the latest versions of JS libraries.
nathansmith authored
7 <script src="http://yui.yahooapis.com/3.3.0/build/simpleyui/simpleyui-min.js"></script>
6fd523a Added support for YUI 3.x. Also, pointed all JS library references to…
Nathan Smith authored
8 <script src="assets/javascripts/yui.formalize.js"></script>
9 </head>
10 <body>
11 <div id="wrapper">
54fc31b @nathansmith Just fixing some indentation.
nathansmith authored
12 <h1>
13 Example of all form elements
14 </h1>
15 <form action="" enctype="multipart/form-data" onsubmit="return false;">
16 <p>
17 <input disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" type="text" id="text_inline" name="text_inline" />
75 <input disabled="disabled" type="button" value="Hello" />
76 </p>
77 <p>
78 <label for="select_multi">
79 Select multiple
80 </label>
81 <br />
82 <select disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" 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 disabled="disabled" type="email" id="email" name="email" placeholder="name@example.com" />
122 </td>
123 <td>
124 <label for="text">
125 Text
126 </label>
127 <br />
128 <input disabled="disabled" type="text" id="text" name="text" />
129 </td>
130 </tr>
131 <tr>
132 <td>
133 <label for="datetime-local">
134 Datetime local
135 </label>
136 <br />
137 <input disabled="disabled" type="datetime-local" id="datetime-local" name="datetime-local" />
138 </td>
139 <td>
140 <label for="number">
141 Number
142 </label>
143 <br />
144 <input disabled="disabled" type="number" id="number" name="number" />
145 </td>
146 <td>
147 <label for="tel">
148 Tel (phone)
149 </label>
150 <br />
151 <input disabled="disabled" 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 disabled="disabled" type="datetime" id="datetime" name="datetime" />
161 </td>
162 <td>
163 <label for="date">
164 Date
165 </label>
166 <br />
167 <input disabled="disabled" type="date" id="date" name="date" />
168 </td>
169 <td>
170 <label for="month">
171 Month
172 </label>
173 <br />
174 <input disabled="disabled" 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 disabled="disabled" type="search" id="search" name="search" />
184 </td>
185 <td>
186 <label for="range">
187 Range
188 </label>
189 <br />
190 <input disabled="disabled" type="range" id="range" name="range" />
191 </td>
192 <td>
193 <label for="file">
194 File upload
195 </label>
196 <br />
197 <input disabled="disabled" type="file" id="file" name="file" />
198 </td>
199 </tr>
200 </table>
201 <p>
202 <input disabled="disabled" type="submit" value="Input - Submit" />
203 &nbsp;
204 <input disabled="disabled" type="button" value="Input - Button" />
205 &nbsp;
206 <input disabled="disabled" type="reset" value="Input - Reset" />
207 &nbsp;
208 <button disabled="disabled">Button tag</button>
209 </p>
210 </form>
6fd523a Added support for YUI 3.x. Also, pointed all JS library references to…
Nathan Smith authored
211 </div>
212 </body>
213 </html>
Something went wrong with that request. Please try again.