Tizen 2.1 base
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / tests / unit / controlgroup / index.html
1 <!DOCTYPE html>
2
3 <html lang="en">
4 <head>
5         <meta charset="UTF-8" />
6         <title>jQuery Mobile Checkboxradio Test Suite</title>
7
8         <script src="../../../js/jquery.js"></script>
9         <script src="../jquery.setNameSpace.js"></script>
10         <script src="../../../js/"></script>
11         <script src="../../../tests/jquery.testHelper.js"></script>
12
13         <link rel="stylesheet"  href="../../../css/themes/default/"/>
14         <link rel="stylesheet" href="../../../external/qunit.css"/>
15         <script src="../../../external/qunit.js"></script>
16
17         <script src="controlgroup_core.js"></script>
18
19         <script src="../swarminject.js"></script>
20 </head>
21 <body>
22
23 <h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
24 <h2 id="qunit-banner"></h2>
25 <h2 id="qunit-userAgent"></h2>
26 <ol id="qunit-tests">
27 </ol>
28
29 <div data-nstest-role="page">
30         <div data-nstest-role="content">
31
32                 <div data-nstest-role="fieldcontain" id="radio-active-btn-test">
33                         <fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
34                           <legend>Choose a pet:</legend>
35                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
36                           <label for="radio-pet-1">Cat</label>
37
38                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
39                           <label for="radio-pet-2">Dog</label>
40
41                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
42                           <label for="radio-pet-3">Hamster</label>
43
44                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
45                           <label for="radio-pet-4">Lizard</label>
46                         </fieldset>
47                 </div>
48
49                 <div data-nstest-role="fieldcontain">
50                         <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
51                                 <legend>Font styling:</legend>
52                                 <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
53                                 <label for="checkbox-6">b</label>
54
55                                 <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
56                                 <label for="checkbox-7"><em>i</em></label>
57
58                                 <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
59                                 <label for="checkbox-8"><em>s</em></label>
60
61                                 <input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
62                                 <label for="checkbox-9">u</label>
63                         </fieldset>
64                 </div>
65         </div>
66
67 </div>
68
69
70
71
72
73
74 <div data-nstest-role="fieldcontain" id="enhancetest">
75         <fieldset data-nstest-role="controlgroup">
76
77
78         </fieldset>
79 </div>
80
81 </body>
82 </html>