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 contact 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 contact form |
| Exercise 1 | An feedback form |
| Exercise 2 | A voting form |