@@ -94,17 +94,17 @@ <h2>Form Elements in Fieldcontains</h2>
94
94
< div data-nstest-role ="fieldcontain ">
95
95
< fieldset data-nstest-role ="controlgroup " data-nstest-theme ="c ">
96
96
< legend > Choose a pet:</ legend >
97
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-1 " value ="choice-1 " checked ="checked " />
98
- < label for ="radio-choice-1 "> Cat</ label >
97
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-1a " value ="choice-1 " checked ="checked " />
98
+ < label for ="radio-choice-1a "> Cat</ label >
99
99
100
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-2 " value ="choice-2 " />
101
- < label for ="radio-choice-2 "> Dog</ label >
100
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-2a " value ="choice-2 " />
101
+ < label for ="radio-choice-2a "> Dog</ label >
102
102
103
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-3 " value ="choice-3 " />
104
- < label for ="radio-choice-3 "> Hamster</ label >
103
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-3a " value ="choice-3 " />
104
+ < label for ="radio-choice-3a "> Hamster</ label >
105
105
106
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-4 " value ="choice-4 " />
107
- < label for ="radio-choice-4 "> Lizard</ label >
106
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-4a " value ="choice-4 " />
107
+ < label for ="radio-choice-4a "> Lizard</ label >
108
108
</ fieldset >
109
109
</ div >
110
110
@@ -163,65 +163,65 @@ <h2>Form Elements in Fieldcontains</h2>
163
163
164
164
< h2 > Mini Form Elements</ h2 >
165
165
166
- < label for ="name "> Text Input:</ label >
167
- < input type ="text " name ="name " id ="name " value ="" data-nstest-mini ="true " />
166
+ < label for ="nameA "> Text Input:</ label >
167
+ < input type ="text " name ="name " id ="nameA " value ="" data-nstest-mini ="true " />
168
168
169
- < label for ="textarea "> Textarea:</ label >
170
- < textarea cols ="40 " rows ="8 " name ="textarea " id ="textarea " data-nstest-mini ="true "> </ textarea >
169
+ < label for ="textareaA "> Textarea:</ label >
170
+ < textarea cols ="40 " rows ="8 " name ="textarea " id ="textareaA " data-nstest-mini ="true "> </ textarea >
171
171
172
- < label for ="search "> Search Input:</ label >
173
- < input type ="search " name ="password " id ="search " value ="" data-nstest-mini ="true " />
172
+ < label for ="searchA "> Search Input:</ label >
173
+ < input type ="search " name ="password " id ="searchA " value ="" data-nstest-mini ="true " />
174
174
175
- < label for ="slider2 "> Flip switch:</ label >
176
- < select name ="slider2 " id ="slider2 " data-nstest-role ="slider " data-nstest-mini ="true ">
175
+ < label for ="slider2a "> Flip switch:</ label >
176
+ < select name ="slider2 " id ="slider2a " data-nstest-role ="slider " data-nstest-mini ="true ">
177
177
< option value ="off "> Off</ option >
178
178
< option value ="on "> On</ option >
179
179
</ select >
180
180
181
181
< div data-nstest-role ="fieldcontain ">
182
- < label for ="slider "> Slider:</ label >
183
- < input type ="range " name ="slider " id ="slider " value ="50 " min ="0 " max ="100 " data-nstest-highlight ="true " data-nstest-mini ="true " />
182
+ < label for ="sliderA "> Slider:</ label >
183
+ < input type ="range " name ="slider " id ="sliderA " value ="50 " min ="0 " max ="100 " data-nstest-highlight ="true " data-nstest-mini ="true " />
184
184
</ div >
185
185
186
186
< div data-nstest-role ="fieldcontain ">
187
187
< fieldset data-nstest-role ="controlgroup " data-nstest-mini ="true ">
188
188
<!-- Mini set on controlgroup -->
189
189
190
190
< legend > Choose as many snacks as you'd like:</ legend >
191
- < input type ="checkbox " name ="checkbox-1a " id ="checkbox-1a " class ="custom " />
192
- < label for ="checkbox-1a "> Cheetos</ label >
191
+ < input type ="checkbox " name ="checkbox-1a " id ="checkbox-1b " class ="custom " />
192
+ < label for ="checkbox-1b "> Cheetos</ label >
193
193
194
- < input type ="checkbox " name ="checkbox-2a " id ="checkbox-2a " class ="custom " />
195
- < label for ="checkbox-2a "> Doritos</ label >
194
+ < input type ="checkbox " name ="checkbox-2a " id ="checkbox-2b " class ="custom " />
195
+ < label for ="checkbox-2b "> Doritos</ label >
196
196
197
- < input type ="checkbox " name ="checkbox-3a " id ="checkbox-3a " class ="custom " />
198
- < label for ="checkbox-3a "> Fritos</ label >
197
+ < input type ="checkbox " name ="checkbox-3a " id ="checkbox-3b " class ="custom " />
198
+ < label for ="checkbox-3b "> Fritos</ label >
199
199
200
- < input type ="checkbox " name ="checkbox-4a " id ="checkbox-4a " class ="custom " />
201
- < label for ="checkbox-4a "> Sun Chips</ label >
200
+ < input type ="checkbox " name ="checkbox-4a " id ="checkbox-4b " class ="custom " />
201
+ < label for ="checkbox-4b "> Sun Chips</ label >
202
202
</ fieldset >
203
203
</ div >
204
204
205
205
< div data-nstest-role ="fieldcontain ">
206
206
< fieldset data-nstest-role ="controlgroup " data-nstest-type ="horizontal " data-nstest-mini ="true ">
207
207
208
208
< legend > Font styling:</ legend >
209
- < input type ="checkbox " name ="checkbox-6 " id ="checkbox-6 " class ="custom " />
210
- < label for ="checkbox-6 "> b</ label >
209
+ < input type ="checkbox " name ="checkbox-6 " id ="checkbox-6b " class ="custom " />
210
+ < label for ="checkbox-6b "> b</ label >
211
211
212
- < input type ="checkbox " name ="checkbox-7 " id ="checkbox-7 " class ="custom " />
213
- < label for ="checkbox-7 "> < em > i</ em > </ label >
212
+ < input type ="checkbox " name ="checkbox-7 " id ="checkbox-7b " class ="custom " />
213
+ < label for ="checkbox-7b "> < em > i</ em > </ label >
214
214
215
- < input type ="checkbox " name ="checkbox-8 " id ="checkbox-8 " class ="custom " />
216
- < label for ="checkbox-8 "> u</ label >
215
+ < input type ="checkbox " name ="checkbox-8 " id ="checkbox-8b " class ="custom " />
216
+ < label for ="checkbox-8b "> u</ label >
217
217
</ fieldset >
218
218
</ div >
219
219
220
220
< div data-nstest-role ="fieldcontain ">
221
- < input type ="checkbox " name ="radio-gaga " id ="radio-gaga " value ="choice-1 " data-nstest-mini ="true " data-nstest-mini =" true " />
221
+ < input type ="checkbox " name ="radio-gaga " id ="radio-gaga " value ="choice-1 " data-nstest-mini ="true "/>
222
222
< label for ="radio-gaga "> Unchecked by Default</ label >
223
223
224
- < input type ="checkbox " name ="radio-googoo " id ="radio-googoo " value ="choice-1 " data-nstest-mini ="true " checked ="checked " data-nstest-mini =" true " />
224
+ < input type ="checkbox " name ="radio-googoo " id ="radio-googoo " value ="choice-1 " data-nstest-mini ="true " checked ="checked "/>
225
225
< label for ="radio-googoo "> Checked by Default</ label >
226
226
</ div >
227
227
@@ -230,35 +230,35 @@ <h2>Mini Form Elements</h2>
230
230
<!-- Mini set on individual elements. -->
231
231
232
232
< legend > Choose a pet:</ legend >
233
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-1 " value ="choice-1 " checked ="checked " />
234
- < label for ="radio-choice-1 "> Cat</ label >
233
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-1b " value ="choice-1 " checked ="checked " />
234
+ < label for ="radio-choice-1b "> Cat</ label >
235
235
236
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-2 " value ="choice-2 " data-nstest-mini ="true "/>
237
- < label for ="radio-choice-2 "> Dog</ label >
236
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-2b " value ="choice-2 " data-nstest-mini ="true "/>
237
+ < label for ="radio-choice-2b "> Dog</ label >
238
238
239
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-3 " value ="choice-3 " />
240
- < label for ="radio-choice-3 "> Hamster</ label >
239
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-3b " value ="choice-3 " />
240
+ < label for ="radio-choice-3b "> Hamster</ label >
241
241
242
- < input type ="radio " name ="radio-choice-1 " id ="radio-choice-4 " value ="choice-4 " />
243
- < label for ="radio-choice-4 "> Lizard</ label >
242
+ < input type ="radio " name ="radio-choice-1 " id ="radio-choice-4b " value ="choice-4 " />
243
+ < label for ="radio-choice-4b "> Lizard</ label >
244
244
</ fieldset >
245
245
</ div >
246
246
247
247
< div data-nstest-role ="fieldcontain ">
248
248
< fieldset data-nstest-role ="controlgroup " data-nstest-type ="horizontal ">
249
249
< legend > Layout view:</ legend >
250
- < input type ="radio " name ="radio-choice-b " id ="radio-choice-c " value ="on " checked ="checked " />
251
- < label for ="radio-choice-c "> List</ label >
252
- < input type ="radio " name ="radio-choice-b " id ="radio-choice-d " value ="off " />
253
- < label for ="radio-choice-d "> Grid</ label >
254
- < input type ="radio " name ="radio-choice-b " id ="radio-choice-e " value ="other " />
255
- < label for ="radio-choice-e "> Gallery</ label >
250
+ < input type ="radio " name ="radio-choice-b " id ="radio-choice-ca " value ="on " checked ="checked " />
251
+ < label for ="radio-choice-ca "> List</ label >
252
+ < input type ="radio " name ="radio-choice-b " id ="radio-choice-da " value ="off " />
253
+ < label for ="radio-choice-da "> Grid</ label >
254
+ < input type ="radio " name ="radio-choice-b " id ="radio-choice-ea " value ="other " />
255
+ < label for ="radio-choice-ea "> Gallery</ label >
256
256
</ fieldset >
257
257
</ div >
258
258
259
259
< div data-nstest-role ="fieldcontain ">
260
- < label for ="select-choice-1 " class ="select "> Choose shipping method:</ label >
261
- < select name ="select-choice-1 " id ="select-choice-1 ">
260
+ < label for ="select-choice-1a " class ="select "> Choose shipping method:</ label >
261
+ < select name ="select-choice-1 " id ="select-choice-1a ">
262
262
< option value ="standard "> Standard: 7 day</ option >
263
263
< option value ="rush "> Rush: 3 days</ option >
264
264
< option value ="express "> Express: next day</ option >
@@ -267,8 +267,8 @@ <h2>Mini Form Elements</h2>
267
267
</ div >
268
268
269
269
< div data-nstest-role ="fieldcontain ">
270
- < label for ="select-choice-3 " class ="select "> Your state:</ label >
271
- < select name ="select-choice-3 " id ="select-choice-3 ">
270
+ < label for ="select-choice-3a " class ="select "> Your state:</ label >
271
+ < select name ="select-choice-3 " id ="select-choice-3a ">
272
272
< option value ="AL "> Alabama</ option >
273
273
< option value ="AK "> Alaska</ option >
274
274
< option value ="AZ "> Arizona</ option >
@@ -278,8 +278,8 @@ <h2>Mini Form Elements</h2>
278
278
</ div >
279
279
280
280
< div data-nstest-role ="fieldcontain ">
281
- < label for ="select-choice-a " class ="select "> Choose shipping method:</ label >
282
- < select name ="select-choice-a " id ="select-choice-a " data-nstest-native-menu ="false ">
281
+ < label for ="select-choice-aa " class ="select "> Choose shipping method:</ label >
282
+ < select name ="select-choice-a " id ="select-choice-aa " data-nstest-native-menu ="false ">
283
283
< option > Custom menu example</ option >
284
284
< option value ="standard "> Standard: 7 day</ option >
285
285
< option value ="rush "> Rush: 3 days</ option >
@@ -288,7 +288,7 @@ <h2>Mini Form Elements</h2>
288
288
</ select >
289
289
</ div >
290
290
291
- < div data-nstest-role ="toolbar " data-nstest-type ="footer " id ="control-group-footer " class ="ui-bar " data-nstest-position ="inline ">
291
+ < div data-nstest-role ="toolbar " data-nstest-type ="footer " id ="control-group-footer-2 " class ="ui-bar " data-nstest-position ="inline ">
292
292
< div data-nstest-role ="controlgroup " data-nstest-type ="horizontal ">
293
293
< a href ="index.html " data-nstest-icon ="delete "> Remove</ a >
294
294
< a href ="index.html " data-nstest-icon ="plus "> Add</ a >
@@ -367,19 +367,19 @@ <h2>Thumbnail, split button list</h2>
367
367
368
368
< ul data-nstest-role ="listview ">
369
369
< li > < a href ="index.html ">
370
- < img src ="../../../demos/_assets/img/album-bb.jpg " />
370
+ < img src ="../../../demos/_assets/img/album-bb.jpg " alt =" Album BB " />
371
371
< h3 > Broken Bells</ h3 >
372
372
< p > Broken Bells</ p >
373
373
</ a > < a href ="lists-split-purchase.html " data-nstest-rel ="dialog " data-nstest-transition ="slideup "> Purchase album
374
374
</ a > </ li >
375
375
< li > < a href ="index.html ">
376
- < img src ="../../../demos/_assets/img/album-hc.jpg " />
376
+ < img src ="../../../demos/_assets/img/album-hc.jpg " alt =" Album HC " />
377
377
< h3 > Warning</ h3 >
378
378
< p > Hot Chip</ p >
379
379
</ a > < a href ="lists-split-purchase.html " data-nstest-rel ="dialog " data-nstest-transition ="slideup "> Purchase album
380
380
</ a > </ li >
381
381
< li > < a href ="index.html ">
382
- < img src ="../../../demos/_assets/img/album-p.jpg " />
382
+ < img src ="../../../demos/_assets/img/album-p.jpg " alt =" Album P " />
383
383
< h3 > Wolfgang Amadeus Phoenix</ h3 >
384
384
< p > Phoenix</ p >
385
385
</ a > < a href ="lists-split-purchase.html " data-nstest-rel ="dialog " data-nstest-transition ="slideup "> Purchase album
0 commit comments