Skip to content

Commit 50b4f58

Browse files
jaspermdegrootjaspermdegroot
committed
Removed duplicate examples from form demo pages.
1 parent d0b817b commit 50b4f58

File tree

4 files changed

+84
-108
lines changed

4 files changed

+84
-108
lines changed

‎docs/demos/forms/form-fieldcontain.html

Lines changed: 24 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,25 @@ <h2>Field containers</h2>
2828

2929
<div data-demo-html="true">
3030
<div data-role="fieldcontain">
31-
<label for="text-1">Text Input:</label>
32-
<input type="text" name="text-1" id="text-1" value="">
31+
<label for="textinput-1">Text Input:</label>
32+
<input type="text" name="textinput-1" id="textinput-1" placeholder="Text input" value="">
3333
</div>
3434
</div><!--/demo-html -->
35-
35+
3636
<div data-demo-html="true">
3737
<div data-role="fieldcontain">
3838
<label for="search-1">Search Input:</label>
3939
<input type="search" name="search-1" id="search-1" value="">
4040
</div>
4141
</div><!--/demo-html -->
4242

43+
<div data-demo-html="true">
44+
<div data-role="fieldcontain">
45+
<label for="textarea-1">Textarea:</label>
46+
<textarea cols="40" rows="8" name="textarea-1" id="textarea-1">Textarea</textarea>
47+
</div>
48+
</div><!--/demo-html -->
49+
4350
<div data-demo-html="true">
4451
<div data-role="fieldcontain">
4552
<label for="select-multiple-1">Select:</label>
@@ -225,20 +232,6 @@ <h2>Field containers</h2>
225232
</div>
226233
</div><!--/demo-html -->
227234

228-
<div data-demo-html="true">
229-
<div data-role="fieldcontain">
230-
<label for="textinput-1">Text Input:</label>
231-
<input type="text" name="textinput-1" id="textinput-1" placeholder="Text input" value="">
232-
</div>
233-
</div><!--/demo-html -->
234-
235-
<div data-demo-html="true">
236-
<div data-role="fieldcontain">
237-
<label for="textarea-1">Textarea:</label>
238-
<textarea cols="40" rows="8" name="textarea-1" id="textarea-1">Textarea</textarea>
239-
</div>
240-
</div><!--/demo-html -->
241-
242235
<div data-demo-html="true">
243236
<div data-role="fieldcontain">
244237
<label for="submit-1">Send:</label>
@@ -251,6 +244,13 @@ <h2>Field containers</h2>
251244
<h3>Mini sized</h3>
252245

253246
<form action="#" method="get">
247+
248+
<div data-demo-html="true">
249+
<div data-role="fieldcontain">
250+
<label for="textinput-5">Text Input:</label>
251+
<input type="text" name="textinput-5" id="textinput-5" placeholder="Text input" value="" data-mini="true">
252+
</div>
253+
</div><!--/demo-html -->
254254

255255
<div data-demo-html="true">
256256
<div data-role="fieldcontain">
@@ -259,6 +259,13 @@ <h3>Mini sized</h3>
259259
</div>
260260
</div><!--/demo-html -->
261261

262+
<div data-demo-html="true">
263+
<div data-role="fieldcontain">
264+
<label for="textarea-5">Textarea:</label>
265+
<textarea cols="40" rows="8" name="textarea-5" id="textarea-5" data-mini="true">Textarea</textarea>
266+
</div>
267+
</div><!--/demo-html -->
268+
262269
<div data-demo-html="true">
263270
<div data-role="fieldcontain">
264271
<label for="select-multiple-5">Select:</label>
@@ -444,20 +451,6 @@ <h3>Mini sized</h3>
444451
</div>
445452
</div><!--/demo-html -->
446453

447-
<div data-demo-html="true">
448-
<div data-role="fieldcontain">
449-
<label for="textinput-5">Text Input:</label>
450-
<input type="text" name="textinput-5" id="textinput-5" placeholder="Text input" value="" data-mini="true">
451-
</div>
452-
</div><!--/demo-html -->
453-
454-
<div data-demo-html="true">
455-
<div data-role="fieldcontain">
456-
<label for="textarea-5">Textarea:</label>
457-
<textarea cols="40" rows="8" name="textarea-5" id="textarea-5" data-mini="true">Textarea</textarea>
458-
</div>
459-
</div><!--/demo-html -->
460-
461454
<div data-demo-html="true">
462455
<div data-role="fieldcontain">
463456
<label for="submit-5">Send:</label>

‎docs/demos/forms/form-hide-label.html

Lines changed: 24 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,25 @@ <h2>Field containers, hide label/legend</h2>
2828

2929
<div data-demo-html="true">
3030
<div data-role="fieldcontain" class="ui-hide-label">
31-
<label for="text-3">Text Input:</label>
32-
<input type="text" name="text-3" id="text-3" value="">
31+
<label for="textinput-3">Text Input:</label>
32+
<input type="text" name="textinput-3" id="textinput-3" placeholder="Text input" value="">
3333
</div>
3434
</div><!--/demo-html -->
35-
35+
3636
<div data-demo-html="true">
3737
<div data-role="fieldcontain" class="ui-hide-label">
3838
<label for="search-3">Search Input:</label>
3939
<input type="search" name="search-3" id="search-3" value="">
4040
</div>
4141
</div><!--/demo-html -->
4242

43+
<div data-demo-html="true">
44+
<div data-role="fieldcontain" class="ui-hide-label">
45+
<label for="textarea-3">Textarea:</label>
46+
<textarea cols="40" rows="8" name="textarea-3" id="textarea-3">Textarea</textarea>
47+
</div>
48+
</div><!--/demo-html -->
49+
4350
<div data-demo-html="true">
4451
<div data-role="fieldcontain" class="ui-hide-label">
4552
<label for="select-multiple-3">Select:</label>
@@ -225,20 +232,6 @@ <h2>Field containers, hide label/legend</h2>
225232
</div>
226233
</div><!--/demo-html -->
227234

228-
<div data-demo-html="true">
229-
<div data-role="fieldcontain" class="ui-hide-label">
230-
<label for="textinput-3">Text Input:</label>
231-
<input type="text" name="textinput-3" id="textinput-3" placeholder="Text input" value="">
232-
</div>
233-
</div><!--/demo-html -->
234-
235-
<div data-demo-html="true">
236-
<div data-role="fieldcontain" class="ui-hide-label">
237-
<label for="textarea-3">Textarea:</label>
238-
<textarea cols="40" rows="8" name="textarea-3" id="textarea-3">Textarea</textarea>
239-
</div>
240-
</div><!--/demo-html -->
241-
242235
<div data-demo-html="true">
243236
<div data-role="fieldcontain" class="ui-hide-label">
244237
<label for="submit-3">Send:</label>
@@ -252,13 +245,27 @@ <h3>Mini sized</h3>
252245

253246
<form action="#" method="get">
254247

248+
<div data-demo-html="true">
249+
<div data-role="fieldcontain" class="ui-hide-label">
250+
<label for="textinput-7">Text Input:</label>
251+
<input type="text" name="textinput-7" id="textinput-7" placeholder="Text input" value="" data-mini="true">
252+
</div>
253+
</div><!--/demo-html -->
254+
255255
<div data-demo-html="true">
256256
<div data-role="fieldcontain" class="ui-hide-label">
257257
<label for="search-7">Search Input:</label>
258258
<input type="search" name="search-7" id="search-7" value="" data-mini="true">
259259
</div>
260260
</div><!--/demo-html -->
261261

262+
<div data-demo-html="true">
263+
<div data-role="fieldcontain" class="ui-hide-label">
264+
<label for="textarea-7">Textarea:</label>
265+
<textarea cols="40" rows="8" name="textarea-7" id="textarea-7" data-mini="true">Textarea</textarea>
266+
</div>
267+
</div><!--/demo-html -->
268+
262269
<div data-demo-html="true">
263270
<div data-role="fieldcontain" class="ui-hide-label">
264271
<label for="select-multiple-7">Select:</label>
@@ -444,20 +451,6 @@ <h3>Mini sized</h3>
444451
</div>
445452
</div><!--/demo-html -->
446453

447-
<div data-demo-html="true">
448-
<div data-role="fieldcontain" class="ui-hide-label">
449-
<label for="textinput-7">Text Input:</label>
450-
<input type="text" name="textinput-7" id="textinput-7" placeholder="Text input" value="" data-mini="true">
451-
</div>
452-
</div><!--/demo-html -->
453-
454-
<div data-demo-html="true">
455-
<div data-role="fieldcontain" class="ui-hide-label">
456-
<label for="textarea-7">Textarea:</label>
457-
<textarea cols="40" rows="8" name="textarea-7" id="textarea-7" data-mini="true">Textarea</textarea>
458-
</div>
459-
</div><!--/demo-html -->
460-
461454
<div data-demo-html="true">
462455
<div data-role="fieldcontain" class="ui-hide-label">
463456
<label for="submit-7">Send:</label>

‎docs/demos/forms/form-label-hidden.html

Lines changed: 18 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -27,15 +27,20 @@ <h2>Hide label/legend</h2>
2727
<form action="#" method="get">
2828

2929
<div data-demo-html="true">
30-
<label for="text-4" class="ui-hidden-accessible">Text Input:</label>
31-
<input type="text" name="text-4" id="text-4" value="">
30+
<label for="textinput-4" class="ui-hidden-accessible">Text Input:</label>
31+
<input type="text" name="textinput-4" id="textinput-4" placeholder="Text input" value="">
3232
</div><!--/demo-html -->
33-
33+
3434
<div data-demo-html="true">
3535
<label for="search-4" class="ui-hidden-accessible">Search Input:</label>
3636
<input type="search" name="search-4" id="search-4" value="">
3737
</div><!--/demo-html -->
3838

39+
<div data-demo-html="true">
40+
<label for="textarea-4" class="ui-hidden-accessible">Textarea:</label>
41+
<textarea cols="40" rows="8" name="textarea-4" id="textarea-4">Textarea</textarea>
42+
</div><!--/demo-html -->
43+
3944
<div data-demo-html="true">
4045
<label for="select-multiple-4" class="ui-hidden-accessible">Select:</label>
4146
<select multiple="multiple" data-native-menu="false" name="select-multiple-4" id="select-multiple-4">
@@ -195,16 +200,6 @@ <h2>Hide label/legend</h2>
195200
</fieldset>
196201
</div><!--/demo-html -->
197202

198-
<div data-demo-html="true">
199-
<label for="textinput-4" class="ui-hidden-accessible">Text Input:</label>
200-
<input type="text" name="textinput-4" id="textinput-4" placeholder="Text input" value="">
201-
</div><!--/demo-html -->
202-
203-
<div data-demo-html="true">
204-
<label for="textarea-4" class="ui-hidden-accessible">Textarea:</label>
205-
<textarea cols="40" rows="8" name="textarea-4" id="textarea-4">Textarea</textarea>
206-
</div><!--/demo-html -->
207-
208203
<div data-demo-html="true">
209204
<label for="submit-4" class="ui-hidden-accessible">Send:</label>
210205
<button type="submit" id="submit-4">Submit</button>
@@ -216,11 +211,21 @@ <h3>Mini sized</h3>
216211

217212
<form action="#" method="get">
218213

214+
<div data-demo-html="true">
215+
<label for="textinput-8" class="ui-hidden-accessible">Text Input:</label>
216+
<input type="text" name="textinput-8" id="textinput-8" placeholder="Text input" value="" data-mini="true">
217+
</div><!--/demo-html -->
218+
219219
<div data-demo-html="true">
220220
<label for="search-8" class="ui-hidden-accessible">Search Input:</label>
221221
<input type="search" name="search-8" id="search-8" value="" data-mini="true">
222222
</div><!--/demo-html -->
223223

224+
<div data-demo-html="true">
225+
<label for="textarea-8" class="ui-hidden-accessible">Textarea:</label>
226+
<textarea cols="40" rows="8" name="textarea-8" id="textarea-8" data-mini="true">Textarea</textarea>
227+
</div><!--/demo-html -->
228+
224229
<div data-demo-html="true">
225230
<label for="select-multiple-8" class="ui-hidden-accessible">Select:</label>
226231
<select multiple="multiple" data-native-menu="false" name="select-multiple-8" id="select-multiple-8" data-mini="true">
@@ -380,16 +385,6 @@ <h3>Mini sized</h3>
380385
</fieldset>
381386
</div><!--/demo-html -->
382387

383-
<div data-demo-html="true">
384-
<label for="textinput-8" class="ui-hidden-accessible">Text Input:</label>
385-
<input type="text" name="textinput-8" id="textinput-8" placeholder="Text input" value="" data-mini="true">
386-
</div><!--/demo-html -->
387-
388-
<div data-demo-html="true">
389-
<label for="textarea-8" class="ui-hidden-accessible">Textarea:</label>
390-
<textarea cols="40" rows="8" name="textarea-8" id="textarea-8" data-mini="true">Textarea</textarea>
391-
</div><!--/demo-html -->
392-
393388
<div data-demo-html="true">
394389
<label for="submit-8" class="ui-hidden-accessible">Send:</label>
395390
<button type="submit" id="submit-8" data-mini="true">Submit</button>

‎docs/demos/forms/form.html

Lines changed: 18 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,21 @@ <h2>Basic form</h2>
2626

2727
<form action="#" method="get">
2828

29-
<div data-demo-html="true">
30-
<label for="text-2">Text Input:</label>
31-
<input type="text" name="text-2" id="text-2" value="">
29+
<div data-demo-html="true">
30+
<label for="textinput-2">Text Input:</label>
31+
<input type="text" name="textinput-2" id="textinput-2" placeholder="Text input" value="">
3232
</div><!--/demo-html -->
3333

3434
<div data-demo-html="true">
3535
<label for="search-2">Search Input:</label>
3636
<input type="search" name="search-2" id="search-2" value="">
3737
</div><!--/demo-html -->
3838

39+
<div data-demo-html="true">
40+
<label for="textarea-2">Textarea:</label>
41+
<textarea cols="40" rows="8" name="textarea-2" id="textarea-2">Textarea</textarea>
42+
</div><!--/demo-html -->
43+
3944
<div data-demo-html="true">
4045
<label for="select-multiple-2">Select:</label>
4146
<select multiple="multiple" data-native-menu="false" name="select-multiple-2" id="select-multiple-2">
@@ -195,16 +200,6 @@ <h2>Basic form</h2>
195200
</fieldset>
196201
</div><!--/demo-html -->
197202

198-
<div data-demo-html="true">
199-
<label for="textinput-2">Text Input:</label>
200-
<input type="text" name="textinput-2" id="textinput-2" placeholder="Text input" value="">
201-
</div><!--/demo-html -->
202-
203-
<div data-demo-html="true">
204-
<label for="textarea-2">Textarea:</label>
205-
<textarea cols="40" rows="8" name="textarea-2" id="textarea-2">Textarea</textarea>
206-
</div><!--/demo-html -->
207-
208203
<div data-demo-html="true">
209204
<label for="submit-2">Send:</label>
210205
<button type="submit" id="submit-2">Submit</button>
@@ -216,11 +211,21 @@ <h3>Mini sized</h3>
216211

217212
<form action="#" method="get">
218213

214+
<div data-demo-html="true">
215+
<label for="textinput-6">Text Input:</label>
216+
<input type="text" name="textinput-6" id="textinput-6" placeholder="Text input" value="" data-mini="true">
217+
</div><!--/demo-html -->
218+
219219
<div data-demo-html="true">
220220
<label for="search-6">Search Input:</label>
221221
<input type="search" name="search-6" id="search-6" value="" data-mini="true">
222222
</div><!--/demo-html -->
223223

224+
<div data-demo-html="true">
225+
<label for="textarea-6">Textarea:</label>
226+
<textarea cols="40" rows="8" name="textarea-6" id="textarea-6" data-mini="true">Textarea</textarea>
227+
</div><!--/demo-html -->
228+
224229
<div data-demo-html="true">
225230
<label for="select-multiple-6">Select:</label>
226231
<select multiple="multiple" data-native-menu="false" name="select-multiple-6" id="select-multiple-6" data-mini="true">
@@ -380,16 +385,6 @@ <h3>Mini sized</h3>
380385
</fieldset>
381386
</div><!--/demo-html -->
382387

383-
<div data-demo-html="true">
384-
<label for="textinput-6">Text Input:</label>
385-
<input type="text" name="textinput-6" id="textinput-6" placeholder="Text input" value="" data-mini="true">
386-
</div><!--/demo-html -->
387-
388-
<div data-demo-html="true">
389-
<label for="textarea-6">Textarea:</label>
390-
<textarea cols="40" rows="8" name="textarea-6" id="textarea-6" data-mini="true">Textarea</textarea>
391-
</div><!--/demo-html -->
392-
393388
<div data-demo-html="true">
394389
<label for="submit-6">Send:</label>
395390
<button type="submit" id="submit-6" data-mini="true">Submit</button>

0 commit comments

Comments
 (0)