form.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Example page for HTML form handling</title>
  7. </head>
  8. <body>
  9. <form action="/handle_form.lua" method="POST" enctype="multipart/form-data">
  10. See <a href="http://www.w3schools.com/html/html_form_input_types.asp">HTML form tutorial</a>.<br />
  11. <fieldset>
  12. <legend>Text inputs:</legend>
  13. A text: <input type="text" name="textin"><br />
  14. A password: <input type="password" name="passwordin"><br />
  15. </fieldset>
  16. <fieldset>
  17. <legend>Radio set 1:</legend>
  18. <input type="radio" name="radio1" value="val1" checked>val1<br />
  19. <input type="radio" name="radio1" value="val2">val2<br />
  20. <input type="radio" name="radio1" value="val3">val3<br />
  21. </fieldset>
  22. <fieldset>
  23. <legend>Radio set 2:</legend>
  24. <input type="radio" name="radio2" value="val1" checked>val1<br />
  25. <input type="radio" name="radio2" value="val2">val2<br />
  26. <input type="radio" name="radio2" value="val3">val3<br />
  27. </fieldset>
  28. <fieldset>
  29. <legend>Checkboxes:</legend>
  30. <input type="checkbox" name="check1" value="val1" checked>val1<br />
  31. <input type="checkbox" name="check2" value="val2">val2<br />
  32. <input type="checkbox" name="check3" value="val3">val3<br />
  33. </fieldset>
  34. <fieldset>
  35. <legend>HTML5 inputs:</legend>
  36. A number: <input type="number" name="numberin" min="1" max="5"><br />
  37. A date: <input type="date" name="datein"><br />
  38. A color: <input type="color" name="colorin"><br />
  39. A range: <input type="range" name="rangein" min="1" max="5"><br />
  40. A month: <input type="month" name="monthin"><br />
  41. A week: <input type="week" name="weekin"><br />
  42. A time: <input type="time" name="timein"><br />
  43. A datetime: <input type="datetime" name="datetimen"><br />
  44. A datetime-local: <input type="datetime-local" name="datetimelocalin"><br />
  45. An email: <input type="email" name="emailin"><br />
  46. A search: <input type="search" name="searchin"><br />
  47. A tel: <input type="tel" name="telin"><br />
  48. An url: <input type="url" name="urlin"><br />
  49. </fieldset>
  50. <fieldset>
  51. <legend>Files:</legend>
  52. A file: <input type="file" name="filein"><br />
  53. Multiple files: <input type="file" name="filesin" multiple><br>
  54. </fieldset>
  55. <fieldset>
  56. <legend>Dropdown:</legend>
  57. <select name="selectin">
  58. <option value="opt1">opt1</option>
  59. <option value="opt2">opt2</option>
  60. <option value="opt3">opt3</option>
  61. </select>
  62. </fieldset>
  63. <fieldset>
  64. <legend>Text area:</legend>
  65. <textarea name="message" rows="10" cols="30">Text area default text.</textarea>
  66. </fieldset>
  67. <input type="submit" value="Submit">
  68. </form>
  69. </body>
  70. </html>