Build Your Own
Web Site The Right Way
Using HTML And CSS
3rd Edition

Chapter 7 - Forms: Interacting With Your Audience

• Example pages
  1. A simple form
  2. Form with fieldset
  3. Form with nested fieldsets
  4. Form with a text field
  5. Text field with pre-set value
  6. Form with a password field
  7. Example of a hidden input field
  8. Form with checkboxes
  9. Preselected checkboxes
  10. Form with radio buttons
  11. Preselected radio buttons
  12. Form with dropdown
  13. Form with preselected dropdown box
  14. Form with a large textarea
  15. Example form combining all types of input fields
• Project Web Site (bubbleunder.com) files
  • Developing the home page
    1. Contact page - preamble
    2. Contact page - form and fieldset added
    3. Contact page - temporary form content
    4. Contact page - fieldset and legend styled
    5. Contact page - text input added
    6. Contact page - more text inputs added
    7. Contact page - inputs aligned by floating labels
    8. Contact page - select input added
    9. Contact page - textarea added
    10. Contact page - radio and checkbox items added
    11. Contact page - Submit button added
  • Final version
    • Home page
    • About Us
    • Contact Us
    • Gallery
    • Events