formPage.html 6.3 KB

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