Here are the examples for Chapter 5, which looks at how to create forms to collect data from users.
| ch05-eg01.html | A simple search form with a text input and submit button |
| ch05-eg02.html | Single line text input control using the <input> element |
| ch05-eg03.html | Password input control using the <input> element |
| ch05-eg04.html | Multi-line text input control using the <textarea> element |
| ch05-eg05.html | Creating buttons using the <input> element |
| ch05-eg06.html | Creating buttons using the <button> element |
| ch05-eg07.html | Creating checkboxes using the <input> element |
| ch05-eg08.html | Creating radio buttons using the <input> element |
| ch05-eg09.html | Creating a drop down select box using the <select> element |
| ch05-eg10.html | Creating scrolling select box using the <select> element and the size attribute |
| ch05-eg11.html | Select boxes with the multiple attribute |
| ch05-eg12.html | Grouping options with the <optgroup> element |
| ch05-eg13.html | Grouping options with a disabled <option> element |
| ch05-eg14.html | Creating a file upload box using the <input> element |
| ch05-eg15.html | Creating a hidden form control using the <input> element |
| Try it out | A registration form |
| ch05-eg16.html | Using the <label> Element |
| ch05-eg17.html | Organising Form Controls with <fieldset> and <legend> Elements |
| ch05-eg18.html | An Example of Tabbing Order using the tabindex attribute |
| ch05-eg19.html | Using the accesskey Attribute |
| Try It Out | Extending the registration form |
| Exercise 1 | An email form |
| Exercise 2 | A voting form |