|
1 |
| -<!DOCTYPE html> |
| 1 | +<!doctype html> |
2 | 2 | <html lang="en">
|
3 | 3 | <head>
|
4 | 4 | <meta charset="UTF-8" />
|
|
32 | 32 |
|
33 | 33 | <div id="qunit"></div>
|
34 | 34 |
|
35 |
| -<div data-nstest-role="page" data-nstest-theme="a"> |
36 |
| - <div data-nstest-role="content"> |
| 35 | + <div data-nstest-role="page" data-nstest-theme="a"> |
| 36 | + <div data-nstest-role="content"> |
| 37 | + |
| 38 | + <div data-nstest-role="fieldcontain"> |
| 39 | + <fieldset data-nstest-role="controlgroup"> |
| 40 | + <legend>Agree to the terms:</legend> |
| 41 | + <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/> |
| 42 | + <label for="checkbox-1">I agree</label> |
| 43 | + </fieldset> |
| 44 | + </div> |
| 45 | + |
| 46 | + <div data-nstest-role="fieldcontain"> |
| 47 | + <fieldset data-nstest-role="controlgroup"> |
| 48 | + <legend>Agree to the terms:</legend> |
| 49 | + <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/> |
| 50 | + <label for="checkbox-2">I agree</label> |
| 51 | + </fieldset> |
| 52 | + </div> |
| 53 | + |
| 54 | + <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup"> |
| 55 | + <div> |
| 56 | + <legend>Agree to the terms 3.1:</legend> |
| 57 | + <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/> |
| 58 | + <label for="checkbox-31">I agree 3.1</label> |
| 59 | + </div> |
| 60 | + <div> |
| 61 | + <legend>Agree to the terms 3.2:</legend> |
| 62 | + <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/> |
| 63 | + <label for="checkbox-32">I agree 3.2</label> |
| 64 | + </div> |
| 65 | + </div> |
| 66 | + </div> |
37 | 67 |
|
38 |
| - <div data-nstest-role="fieldcontain"> |
39 |
| - <fieldset data-nstest-role="controlgroup"> |
| 68 | + <div data-role="fieldcontain" id="radio-active-btn-test"> |
| 69 | + <fieldset data-role="controlgroup"> |
| 70 | + <legend>Choose a pet:</legend> |
| 71 | + <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" /> |
| 72 | + <label for="radio-pet-1">Cat</label> |
| 73 | + |
| 74 | + <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" /> |
| 75 | + <label for="radio-pet-2">Dog</label> |
| 76 | + |
| 77 | + <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" /> |
| 78 | + <label for="radio-pet-3">Hamster</label> |
| 79 | + |
| 80 | + <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" /> |
| 81 | + <label for="radio-pet-4">Lizard</label> |
| 82 | + </fieldset> |
| 83 | + </div> |
| 84 | + |
| 85 | + <div data-role="fieldcontain"> |
| 86 | + <input type="radio" name="radio-full" value="choice-3" id="radio-full" /> |
| 87 | + <label for="radio-full">Hamster</label> |
| 88 | + |
| 89 | + <input type="radio" name="radio-mini" value="choice-3" id="radio-mini" data-nstest-mini="true" /> |
| 90 | + <label for="radio-mini">Hamster</label> |
| 91 | + |
| 92 | + <div data-nstest-role="controlgroup" data-nstest-mini="true" id="mini-control"> |
| 93 | + <input type="radio" name="radio-mini" value="choice-3" id="mini-ctrl" /> |
| 94 | + <label for="mini-ctrl">Hamster</label> |
| 95 | + <input type="radio" name="full-ctrl" value="choice-3" id="full-ctrl" /> |
| 96 | + <label for="full-ctrl">Hamster</label> |
| 97 | + </div> |
| 98 | + </div> |
| 99 | + |
| 100 | + <div data-role="fieldcontain"> |
| 101 | + <fieldset data-role="controlgroup"> |
40 | 102 | <legend>Agree to the terms:</legend>
|
41 |
| - <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/> |
| 103 | + <input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" /> |
42 | 104 | <label for="checkbox-1">I agree</label>
|
43 | 105 | </fieldset>
|
44 | 106 | </div>
|
45 | 107 |
|
46 |
| - <div data-nstest-role="fieldcontain"> |
47 |
| - <fieldset data-nstest-role="controlgroup"> |
| 108 | + <div data-role="fieldcontain"> |
| 109 | + <fieldset data-role="controlgroup"> |
48 | 110 | <legend>Agree to the terms:</legend>
|
49 |
| - <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/> |
50 |
| - <label for="checkbox-2">I agree</label> |
| 111 | + <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/> |
| 112 | + <label for="checkbox-click-triggered">click triggered</label> |
| 113 | + <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered-2"/> |
| 114 | + <label for="checkbox-click-triggered-2">click triggered</label> |
| 115 | + |
| 116 | + <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered"/> |
| 117 | + <label for="checkbox-change-triggered">click triggered</label> |
| 118 | + <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered-2"/> |
| 119 | + <label for="checkbox-change-triggered-2">click triggered</label> |
51 | 120 | </fieldset>
|
52 | 121 | </div>
|
53 | 122 |
|
54 |
| - <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup"> |
55 |
| - <div> |
56 |
| - <legend>Agree to the terms 3.1:</legend> |
57 |
| - <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/> |
58 |
| - <label for="checkbox-31">I agree 3.1</label> |
59 |
| - </div> |
60 |
| - <div> |
61 |
| - <legend>Agree to the terms 3.2:</legend> |
62 |
| - <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/> |
63 |
| - <label for="checkbox-32">I agree 3.2</label> |
64 |
| - </div> |
65 |
| - </div> |
66 |
| - </div> |
| 123 | + <div data-role="fieldcontain"> |
| 124 | + <fieldset data-role="controlgroup"> |
| 125 | + <legend>Agree to the terms:</legend> |
| 126 | + <input type="checkbox" name="checkbox-inherit-theme" id="checkbox-inherit-theme"/> |
| 127 | + <label for="checkbox-inherit-theme">foo</label> |
| 128 | + </fieldset> |
67 | 129 |
|
68 |
| -<div data-role="fieldcontain" id="radio-active-btn-test"> |
69 |
| - <fieldset data-role="controlgroup"> |
70 |
| - <legend>Choose a pet:</legend> |
71 |
| - <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" /> |
72 |
| - <label for="radio-pet-1">Cat</label> |
| 130 | + <fieldset data-role="controlgroup"> |
| 131 | + <legend>Agree to the terms:</legend> |
| 132 | + <input type="checkbox" name="checkbox-explicit-theme" id="checkbox-explicit-theme" data-nstest-theme="b"/> |
| 133 | + <label for="checkbox-explicit-theme">foo</label> |
| 134 | + </fieldset> |
| 135 | + </div> |
73 | 136 |
|
74 |
| - <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" /> |
75 |
| - <label for="radio-pet-2">Dog</label> |
| 137 | + <div data-nstest-role="fieldcontain"> |
| 138 | + <fieldset data-nstest-role="controlgroup"> |
| 139 | + <input type="checkbox" name="topicon" id="topicon" class="custom" data-nstest-iconpos="top" /> |
| 140 | + <label for="topicon">I agree</label> |
76 | 141 |
|
77 |
| - <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" /> |
78 |
| - <label for="radio-pet-3">Hamster</label> |
| 142 | + <input type="checkbox" name="bottomicon" id="bottomicon" class="custom" /> |
| 143 | + <label for="bottomicon" data-nstest-iconpos="bottom">I agree</label> |
| 144 | + </fieldset> |
| 145 | + </div> |
79 | 146 |
|
80 |
| - <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" /> |
81 |
| - <label for="radio-pet-4">Lizard</label> |
82 |
| - </fieldset> |
83 |
| -</div> |
| 147 | + <form id="radio-form" method="get" action="form-result.html"> |
| 148 | + <fieldset data-role="controlgroup" data-type="horizontal"> |
| 149 | + <legend>Check one:</legend> |
| 150 | + <input type="radio" id="radio1" name="radio1" value="1" /> |
| 151 | + <label for="radio1">Radio1</label> |
| 152 | + </fieldset> |
| 153 | + </form> |
84 | 154 |
|
85 |
| -<div data-role="fieldcontain"> |
86 |
| - <input type="radio" name="radio-full" value="choice-3" id="radio-full" /> |
87 |
| - <label for="radio-full">Hamster</label> |
| 155 | + <form id="check-form" method="get" action="form-result.html"> |
| 156 | + <div data-role="fieldcontain"> |
| 157 | + <fieldset data-role="controlgroup" data-type="horizontal"> |
| 158 | + <legend>Font styling:</legend> |
| 159 | + <input type="checkbox" name="checkbox-form" id="checkbox-form" class="custom" /> |
| 160 | + <label for="checkbox-form">b</label> |
88 | 161 |
|
89 |
| - <input type="radio" name="radio-mini" value="choice-3" id="radio-mini" data-nstest-mini="true" /> |
90 |
| - <label for="radio-mini">Hamster</label> |
| 162 | + <input type="checkbox" name="checkbox-form-2" id="checkbox-form-2" class="custom" /> |
| 163 | + <label for="checkbox-form-2"><em>i</em></label> |
| 164 | + </fieldset> |
| 165 | + </div> |
| 166 | + </form> |
91 | 167 |
|
92 |
| - <div data-nstest-role="controlgroup" data-nstest-mini="true" id="mini-control"> |
93 |
| - <input type="radio" name="radio-mini" value="choice-3" id="mini-ctrl" /> |
94 |
| - <label for="mini-ctrl">Hamster</label> |
95 |
| - <input type="radio" name="full-ctrl" value="choice-3" id="full-ctrl" /> |
96 |
| - <label for="full-ctrl">Hamster</label> |
97 | 168 | </div>
|
98 |
| -</div> |
99 |
| - |
100 |
| - |
101 |
| -<div data-role="fieldcontain"> |
102 |
| - <fieldset data-role="controlgroup"> |
103 |
| - <legend>Agree to the terms:</legend> |
104 |
| - <input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" /> |
105 |
| - <label for="checkbox-1">I agree</label> |
106 |
| - </fieldset> |
107 |
| -</div> |
108 |
| - |
109 |
| -<div data-role="fieldcontain"> |
110 |
| - <fieldset data-role="controlgroup"> |
111 |
| - <legend>Agree to the terms:</legend> |
112 |
| - <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/> |
113 |
| - <label for="checkbox-click-triggered">click triggered</label> |
114 |
| - <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered-2"/> |
115 |
| - <label for="checkbox-click-triggered-2">click triggered</label> |
116 |
| - |
117 |
| - <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered"/> |
118 |
| - <label for="checkbox-change-triggered">click triggered</label> |
119 |
| - <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered-2"/> |
120 |
| - <label for="checkbox-change-triggered-2">click triggered</label> |
121 |
| - </fieldset> |
122 |
| -</div> |
123 |
| - |
124 |
| -<div data-role="fieldcontain"> |
125 |
| - <fieldset data-role="controlgroup"> |
126 |
| - <legend>Agree to the terms:</legend> |
127 |
| - <input type="checkbox" name="checkbox-inherit-theme" id="checkbox-inherit-theme"/> |
128 |
| - <label for="checkbox-inherit-theme">foo</label> |
129 |
| - </fieldset> |
130 |
| - |
131 |
| - <fieldset data-role="controlgroup"> |
132 |
| - <legend>Agree to the terms:</legend> |
133 |
| - <input type="checkbox" name="checkbox-explicit-theme" id="checkbox-explicit-theme" data-nstest-theme="b"/> |
134 |
| - <label for="checkbox-explicit-theme">foo</label> |
135 |
| - </fieldset> |
136 |
| -</div> |
137 |
| - |
138 |
| -<div data-nstest-role="fieldcontain"> |
139 |
| - <fieldset data-nstest-role="controlgroup"> |
140 |
| - <input type="checkbox" name="topicon" id="topicon" class="custom" data-nstest-iconpos="top" /> |
141 |
| - <label for="topicon">I agree</label> |
142 |
| - |
143 |
| - <input type="checkbox" name="bottomicon" id="bottomicon" class="custom" /> |
144 |
| - <label for="bottomicon" data-nstest-iconpos="bottom">I agree</label> |
145 |
| - </fieldset> |
146 |
| -</div> |
147 |
| - |
148 |
| -<form id="radio-form" method="get" action="form-result.html"> |
149 |
| - <fieldset data-role="controlgroup" data-type="horizontal"> |
150 |
| - <legend>Check one:</legend> |
151 |
| - <input type="radio" id="radio1" name="radio1" value="1" /> |
152 |
| - <label for="radio1">Radio1</label> |
153 |
| - </fieldset> |
154 |
| -</form> |
155 |
| - |
156 |
| - |
157 |
| -<form id="check-form" method="get" action="form-result.html"> |
158 |
| - <div data-role="fieldcontain"> |
159 |
| - <fieldset data-role="controlgroup" data-type="horizontal"> |
160 |
| - <legend>Font styling:</legend> |
161 |
| - <input type="checkbox" name="checkbox-form" id="checkbox-form" class="custom" /> |
162 |
| - <label for="checkbox-form">b</label> |
163 |
| - |
164 |
| - <input type="checkbox" name="checkbox-form-2" id="checkbox-form-2" class="custom" /> |
165 |
| - <label for="checkbox-form-2"><em>i</em></label> |
166 |
| - </fieldset> |
167 |
| - </div> |
168 |
| -</form> |
169 | 169 |
|
170 |
| -</div> |
| 170 | + <div id="enhancetest"> |
| 171 | + <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/> |
| 172 | + <label for="checkbox-332">I agree 3.2</label> |
| 173 | + </div> |
171 | 174 |
|
172 |
| -<div id="enhancetest"> |
173 |
| - <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/> |
174 |
| - <label for="checkbox-332">I agree 3.2</label> |
175 |
| -</div> |
| 175 | + <div id="exception-test"> |
| 176 | + <form> |
| 177 | + <input type="checkbox" name="checkbox-exception" id="checkbox-exception" class="custom"/> |
| 178 | + </form> |
| 179 | + </div> |
176 | 180 |
|
177 |
| -<div id="exception-test"> |
178 |
| - <form> |
179 |
| - <input type="checkbox" name="checkbox-exception" id="checkbox-exception" class="custom"/> |
180 |
| - </form> |
181 |
| -</div> |
| 181 | + <div id="nested-label-test"> |
| 182 | + <form> |
| 183 | + <label for="checkbox-nested-label"> |
| 184 | + <input type="checkbox" name="checkbox-nested-label" id="checkbox-nested-label" class="custom"/> |
| 185 | + </label> |
| 186 | + </form> |
| 187 | + </div> |
182 | 188 |
|
183 |
| -<div id="nested-label-test"> |
184 |
| - <form> |
185 |
| - <label for="checkbox-nested-label"> |
186 |
| - <input type="checkbox" name="checkbox-nested-label" id="checkbox-nested-label" class="custom"/> |
| 189 | + <div id="nested-label-no-for-test"> |
| 190 | + <form> |
| 191 | + <label> |
| 192 | + <input type="checkbox" name="checkbox-nested-label-no-for" id="checkbox-nested-label-no-for" class="custom"/> |
187 | 193 | </label>
|
188 |
| - </form> |
189 |
| -</div> |
190 |
| - |
191 |
| -<div id="nested-label-no-for-test"> |
192 |
| - <form> |
193 |
| - <label> |
194 |
| - <input type="checkbox" name="checkbox-nested-label-no-for" id="checkbox-nested-label-no-for" class="custom"/> |
195 |
| - </label> |
196 |
| - </form> |
197 |
| -</div> |
| 194 | + </form> |
| 195 | + </div> |
198 | 196 | </body>
|
199 | 197 | </html>
|
0 commit comments