- add sources.
[platform/framework/web/crosswalk.git] / src / third_party / webdriver / test_data / formPage.html
1 <html>\r
2 <head>\r
3     <title>We Leave From Here</title>\r
4 \r
5     <script type="text/javascript">\r
6         function changePage() {\r
7             var newLocation = '/common/page/3';\r
8             window.location = newLocation;\r
9         }\r
10     </script>\r
11 </head>\r
12 <body>\r
13 There should be a form here:\r
14 \r
15 <form method="get" action="resultPage.html" name="login">\r
16     <input type="email" id="email"/>\r
17     <input type="submit" id="submitButton" value="Hello there"/>\r
18 </form>\r
19 \r
20 <form method="get" action="resultPage.html" name="image">\r
21     <input type="image" id="imageButton" alt="click me!" src="images/button.gif"/>\r
22 </form>\r
23 \r
24 <form method="get" action="resultPage.html" name="optional" style="display: block">\r
25     Here's a checkbox:\r
26     <input type="checkbox" id="checky" name="checky" value="furrfu"/>\r
27     <input type="checkbox" id="checkedchecky" name="checkedchecky" checked="checked" />\r
28     <input type="checkbox" id="disabledchecky" disabled="disabled" name="disabledchecky" />\r
29     <input type="checkbox" id="randomly_disabled_checky" disabled="somerandomstring" checked="checked" name="randomlydisabledchecky" />\r
30     <br/>\r
31     <select name="selectomatic">\r
32         <option selected="selected" id="non_multi_option" value="one">One</option>\r
33         <option value="two">Two</option>\r
34         <option value="four">Four</option>\r
35         <option value="still learning how to count, apparently">Still learning how to count, apparently</option>\r
36     </select>\r
37 \r
38     <select name="multi" id="multi" multiple="multiple">\r
39         <option selected="selected" value="eggs">Eggs</option>\r
40         <option value="ham">Ham</option>\r
41         <option selected="selected" value="sausages">Sausages</option>\r
42         <option value="onion gravy">Onion gravy</option>\r
43     </select>\r
44 \r
45     <select name="no-select" disabled="disabled">\r
46       <option value="foo">Foo</option>\r
47     </select>\r
48 \r
49                 <select name="select_empty_multiple" multiple>\r
50                         <option id="multi_1" value="select_1">select_1</option>\r
51                         <option id="multi_2" value="select_2">select_2</option>\r
52                         <option id="multi_3" value="select_3">select_3</option>\r
53                         <option id="multi_4" value="select_4">select_4</option>\r
54                 </select>\r
55 \r
56                 <select name="multi_true" multiple="true">\r
57                         <option id="multi_true_1" value="select_1">select_1</option>\r
58                         <option id="multi_true_2" value="select_2">select_2</option>\r
59                 </select>\r
60 \r
61                 <select name="multi_false" multiple="false">\r
62                         <option id="multi_false_1" value="select_1">select_1</option>\r
63                         <option id="multi_false_2" value="select_2">select_2</option>\r
64                 </select>\r
65 \r
66     <select id="invisi_select" style="opacity:0;">\r
67       <option selected value="apples">Apples</option>\r
68       <option value="oranges">Oranges</option>\r
69     </select>\r
70 \r
71     <select name="select-default">\r
72         <option>One</option>\r
73         <option>Two</option>\r
74         <option>Four</option>\r
75         <option>Still learning how to count, apparently</option>\r
76     </select>\r
77 \r
78     <select name="select_with_spaces">\r
79         <option>One</option>\r
80         <option>  Two  </option>\r
81         <option>\r
82           Four\r
83         </option>\r
84         <option>\r
85           Still learning   how to count,\r
86           apparently\r
87         </option>\r
88     </select>\r
89 \r
90     <select>\r
91         <option id="blankOption"></option>\r
92         <option id="optionEmptyValueSet" value="">nothing</option>\r
93     </select>\r
94 \r
95     <br/>\r
96 \r
97     <input type="radio" id="cheese" name="snack" value="cheese"/>Cheese<br/>\r
98     <input type="radio" id="peas" name="snack" value="peas"/>Peas<br/>\r
99     <input type="radio" id="cheese_and_peas" name="snack" value="cheese and peas" checked/>Cheese and peas<br/>\r
100     <input type="radio" id="nothing" name="snack" value="nowt" disabled="disabled"/>Not a sausage<br/>\r
101     <input type="radio" id="randomly_disabled_nothing" name="snack" value="funny nowt" disabled="somedisablingstring"/>Not another sausage\r
102 \r
103     <input type="hidden" name="hidden" value="fromage" />\r
104 \r
105     <p id="cheeseLiker">I like cheese</p>\r
106     <input type="submit" value="Click!"/>\r
107     \r
108     <input type="radio" id="lone_disabled_selected_radio" name="not_a_snack" value="cumberland" checked="checked" disabled="disabled" />Cumberland sausage\r
109 </form>\r
110 \r
111 <form method="get" action="resultPage.html" name="disable">\r
112     <input type="text" id="working"/>\r
113     <input type="text" id="notWorking" disabled="true"/>\r
114 \r
115     <textarea id="notWorkingArea" disabled="disabled" cols="5" rows="5"></textarea>\r
116 \r
117     <input type="text" id="inputWithText" value="Example text"/>\r
118     <textarea id="withText" rows="5" cols="5">Example text</textarea>\r
119     <textarea id="emptyTextArea" rows="5" cols="5"></textarea>\r
120 </form>\r
121 \r
122 <form method="post" action="resultPage.html">\r
123     <select id="redirect" name="redirect" onchange="javascript:changePage();">\r
124         <option selected="selected" value="one">One</option>\r
125         <option id="changeme" value="two">Two</option>\r
126     </select>\r
127 \r
128     <input id="no-type" />\r
129     <input type="file" id="upload" onchange="document.getElementById('fileResults').innerHTML = 'changed';" />\r
130     <span id="fileResults"></span>\r
131 \r
132     <input type="submit" />\r
133 </form>\r
134 \r
135 <form method="get" action="resultPage.html">\r
136   <input type="text" value="name" name="id-name1"/>\r
137   <input type="text" value="id"   id="id-name1"/>\r
138 \r
139   <!-- Reverse the ordering -->\r
140   <input type="text" value="id"   id="id-name2"/>\r
141   <input type="text" value="name" name="id-name2"/>\r
142   <input name="readonly" readonly="readonly" />\r
143 </form>\r
144 \r
145 <!-- form with nested children -->\r
146 <form method="get" action="resultPage.html" id="nested_form">\r
147   <div>\r
148     <input type="text" value="name" name="x"/>\r
149   </div>\r
150   <input type="submit" />\r
151 </form>  \r
152 \r
153 <!-- Form with disabled form elements -->\r
154 <form method="get" action="xhtmlTest.html">\r
155   <p>\r
156     <input type="text" id="disabledTextElement1" disabled="foo" />\r
157     <input type="text" id="disabledTextElement2" disabled="" />\r
158     <input type="submit" id="disabledSubmitElement" disabled="qwerty" value="Submit" />\r
159   </p>\r
160 </form>\r
161 <!-- Empty div to test GetAttribute -->\r
162 <div id="wallace" class="gromit"></div>\r
163 \r
164 <input type='button' id='killIframe' onclick='top.remove();' value="Kill containing iframe" />\r
165 \r
166 <form method="get" action="formPage.html">\r
167   <p>\r
168     <label for="checkbox-with-label" id="label-for-checkbox-with-label">Label</label><input type="checkbox" id="checkbox-with-label" />\r
169   </p>\r
170 </form>\r
171 <input id="vsearchGadget" name="SearchableText" type="text" size="18" value="" title="Hvad søger du?" accesskey="4" class="inputLabel" />\r
172 </body>\r
173 </html>\r