[iOS] Add iOS-specific tests and consolidate iOS-specific accessibility tests
[WebKit-https.git] / LayoutTests / platform / ios-simulator / ios / fast / forms / form-controls-on-backgrounds.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4
5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
6   <style type="text/css">
7     body {
8       margin: 0;
9     }
10     .wrapper {
11       display: block;
12       width: 100%;
13       padding: 10px;
14     }
15     
16     .black {
17       background-color: black;
18       color: white;
19     }
20
21     .gray {
22       background-color: gray;
23     }
24   </style>
25
26 </head>
27 <body>
28
29   <div class="white wrapper">
30     <div>Text:<input type="text"></input></div>
31     <div>Password:<input type="password"></input></div>
32     <div><input type="submit"></input> <button>Click Me</button></div>
33
34     <div>Buttons:<br>
35     <input type="checkbox">Check me</input><br>
36     <input type="radio" name="foo">Floor wax</input><br>
37     <input type="radio" name="foo">Dessert topping</input>
38     </div>
39
40     <div>Lists:
41
42     <select>
43         <option>Strawberry</option>
44         <option>Banana</option>
45         <option>Chocolate</option>
46         <option>Mint</option>
47         <option>Lemon</option>
48         <option>Orange</option>
49         <option>Cinnamon</option>
50     </select>
51
52     <select size="5">
53         <option>Strawberry</option>
54         <option>Banana</option>
55         <option>Chocolate</option>
56         <option>Mint</option>
57         <option>Lemon</option>
58         <option>Orange</option>
59         <option>Cinnamon</option>
60     </select>
61     </div>
62
63     <div>
64       <textarea cols="40" rows="4">
65 Textarea
66       </textarea>
67     </div>
68   </div>
69
70   <div class="black wrapper">
71     <div>Text:<input type="text"></input></div>
72     <div>Password:<input type="password"></input></div>
73     <div><input type="submit"></input> <button>Click Me</button></div>
74
75     <div>Buttons:<br>
76     <input type="checkbox">Check me</input><br>
77     <input type="radio" name="foo">Floor wax</input><br>
78     <input type="radio" name="foo">Dessert topping</input>
79     </div>
80
81     <div>Lists:
82
83     <select>
84         <option>Strawberry</option>
85         <option>Banana</option>
86         <option>Chocolate</option>
87         <option>Mint</option>
88         <option>Lemon</option>
89         <option>Orange</option>
90         <option>Cinnamon</option>
91     </select>
92
93     <select size="5">
94         <option>Strawberry</option>
95         <option>Banana</option>
96         <option>Chocolate</option>
97         <option>Mint</option>
98         <option>Lemon</option>
99         <option>Orange</option>
100         <option>Cinnamon</option>
101     </select>
102     </div>
103
104     <div>
105       <textarea cols="40" rows="4">
106 Textarea
107       </textarea>
108     </div>
109   </div>
110
111   <div class="gray wrapper">
112     <div>Text:<input type="text"></input></div>
113     <div>Password:<input type="password"></input></div>
114     <div><input type="submit"></input> <button>Click Me</button></div>
115
116     <div>Buttons:<br>
117     <input type="checkbox">Check me</input><br>
118     <input type="radio" name="foo">Floor wax</input><br>
119     <input type="radio" name="foo">Dessert topping</input>
120     </div>
121
122     <div>Lists:
123
124     <select>
125         <option>Strawberry</option>
126         <option>Banana</option>
127         <option>Chocolate</option>
128         <option>Mint</option>
129         <option>Lemon</option>
130         <option>Orange</option>
131         <option>Cinnamon</option>
132     </select>
133
134     <select size="5">
135         <option>Strawberry</option>
136         <option>Banana</option>
137         <option>Chocolate</option>
138         <option>Mint</option>
139         <option>Lemon</option>
140         <option>Orange</option>
141         <option>Cinnamon</option>
142     </select>
143     </div>
144
145     <div>
146       <textarea cols="40" rows="4">
147 Textarea
148       </textarea>
149     </div>
150   </div>
151
152 </body>
153 </html>