third_party/webdriver/test_data/formPage.html

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