formPage.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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="submit" id="submitButton" value="Hello there"/>
  15. </form>
  16. <form method="get" action="resultPage.html" name="image">
  17. <input type="image" id="imageButton" alt="click me!" src="images/button.gif"/>
  18. </form>
  19. <form method="get" action="resultPage.html" name="optional" style="display: block">
  20. Here's a checkbox: <input type="checkbox" id="checky" name="checky" value="furrfu"/><br/>
  21. <select name="selectomatic">
  22. <option selected="selected">One</option>
  23. <option>Two</option>
  24. <option>Four</option>
  25. <option>Still learning how to count, apparently</option>
  26. </select>
  27. <select name="multi" id="multi" multiple="multiple">
  28. <option selected="selected">Eggs</option>
  29. <option>Ham</option>
  30. <option selected="selected">Sausages</option>
  31. <option>Onion gravy</option>
  32. </select>
  33. <select name="no-select" disabled="disabled">
  34. <option value="foo">Foo</option>
  35. </select>
  36. <br/>
  37. <input type="radio" id="cheese" name="snack" value="cheese"/>Cheese<br/>
  38. <input type="radio" id="peas" name="snack" value="peas"/>Peas<br/>
  39. <input type="radio" id="cheese_and_peas" name="snack" value="cheese and peas" checked/>Cheese and peas<br/>
  40. <input type="radio" id="nothing" name="snack" value="nowt" disabled="disabled"/>Not a sausage
  41. <input type="hidden" name="hidden" value="fromage" />
  42. <p id="cheeseLiker">I like cheese</p>
  43. <input type="submit" value="Click!"/>
  44. </form>
  45. <form method="get" action="resultPage.html" name="disable">
  46. <input type="text" id="working"/>
  47. <input type="text" id="notWorking" disabled="true"/>
  48. <textarea id="notWorkingArea" disabled="disabled" cols="5" rows="5"></textarea>
  49. <textarea id="withText" rows="5" cols="5">Example text</textarea>
  50. <textarea id="emptyTextArea" rows="5" cols="5"></textarea>
  51. </form>
  52. <form method="post" action="resultPage.html">
  53. <select id="redirect" onchange="javascript:changePage();">
  54. <option selected="selected">One</option>
  55. <option id="changeme">Two</option>
  56. </select>
  57. <input id="no-type" />
  58. <input type="file" id="upload" onchange="document.getElementById('fileResults').innerHTML = 'changed';" />
  59. <span id="fileResults"></span>
  60. </form>
  61. <form method="get" action="resultPage.html">
  62. <input type="text" value="name" name="id-name1"/>
  63. <input type="text" value="id" id="id-name1"/>
  64. <!-- Reverse the ordering -->
  65. <input type="text" value="id" id="id-name2"/>
  66. <input type="text" value="name" name="id-name2"/>
  67. <input name="readonly" readonly="readonly" />
  68. </form>
  69. <!-- form with nested children -->
  70. <form method="get" action="resultPage.html" id="nested_form">
  71. <div>
  72. <input type="text" value="name" name="x"/>
  73. </div>
  74. <input type="submit" />
  75. </form>
  76. </body>
  77. </html>