2. 1 Web Page Technologies

3. 2 In This Lecture You Will Learn About … Forms Fancy Forms Tables Fancy Tables

4. 3 Forms Modern web pages allow you to submit data via forms Anywhere you enter text or select an option or press a button is a form

5. 4 Forms <form> </form> The form tag … … has 2 compulsory attributes <form method = “post” action = “mailto: j.owens@napier.a.uk> </form>

6. 5 Forms Let’s develop the XHTML for this form

7. 6 Forms We start with the form tag j.owens@napier.a.uk Then we add the text box Enter Your Name

8. 7 Forms Then we add the submit button And finally the reset button

9. 8 Forms Enter Your Name

10. 9 Forms You can create more complex forms eg those in on-line tutorial

11. 10 Forms First Name Second Name e-mail address The text boxes

12. 11 Forms Scotland England N. Ireland Wales Other Where do you live? The Select Field

13. 12 Forms What is your age category? Under 5 6 - 10 11 - 18 Over 18 The Radio Buttons

14. 13 Forms The Check Boxes Which of the following types of books do you read? (tick all that apply) Gardening Cooking Chick Lit Romantic Fiction Harry Potter and other similar types of book

15. 14 Forms The File Field Attach a file containing your 10 favourite books

16. 15 Forms The Text Area Your comments and suggestions are always useful Please type you comments or suggestions here

17. 16 Forms The Submit/Reset Buttons

18. 17 Tables Creating tables is easy

19. 18 Tables The table tag … … has an optional attribute

20. 19 Tables You can add a caption e-mail Address List

21. 20 Tables The head of the table has one row e-mail Address List

22. 21 Tables That row contains two headings e-mail Address List Name e-mail Address

23. 22 Tables The rest of the table is in the body of the table e-mail Address List Name e-mail Address

24. 23 Tables The body has three rows e-mail Address List Name e-mail Address

25. 24 Tables Each row has two data items e-mail Address List Name e-mail Address Fred Bloggs f.bloggs@abc.co.uk Joe Soap j.soap@abc.co.uk Mickey Mouse m.mouse@abc.co.uk

26. 25 Tables Combine earlier XHTML with tables

27. 26 Hot Spots Use tutorial to study hot spots They will be assessed !

28. 27 Lecture Slides www.dcs.napier.ac.uk/~owens/wpt/lectures/wptlecture3.ppt