1. Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

2. Learning Outcomes 2 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

3. Overview of Forms 3 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

4. Two Components of Using Forms 4 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

5. HTML Using Forms 5 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

6. Sample Form HTML 6 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

7. The Form Element 7 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

8. The Input Element Text Box 8 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

9. The Input Element Password Box 9 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

10. The Input Element Check box 10 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

11. The Input Element Radio Button 11 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

12. The Textarea Element 12 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

13. The Select Element 13 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

14. The Option Element 14 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

15. The Input Element Submit Button 15 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

16. The Input Element Reset Button 16 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

17. The Input Element Hidden Field 17 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

18. The Label Element 18 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

19. The Fieldset & Legend Elements 19 Customer Information Name: Email: Copyright © 2016 Pearson Education, Inc., Hoboken NJ

20. Using CSS to Style a Form 20 form { background-color:#eaeaea; font-family: Arial, sans-serif; width: 350px; padding: 10px;} label { float: left; clear: left; display: block; width: 100px; text-align: right; padding-right: 10px; margin-top: 10px; } input, textarea { margin-top: 10px; display: block;} input[type= "submit"]{ margin-left: 110px; } Copyright © 2016 Pearson Education, Inc., Hoboken NJ

21. Server-Side Processing 21 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

22. Server-Side Scripting 22 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

23. HTML5: Email Text Box 23 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

24. HTML5: URL Text Box 24 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

25. HTML5: Telephone Number Text Box 25 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

26. HTML5: Search Text Box 26 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

27. HTML5: Datalist Control 27 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

28. HTML5: Slider Control 28 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

29. HTML5: Spinner Control 29 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

30. HTML5: Calendar Control 30 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

31. 31 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

32. 32 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

33. Summary 33 Copyright © 2016 Pearson Education, Inc., Hoboken NJ