1. WEB PAGES: Create & Maintain Week 12 Creating FORMS

5. FORM

7. What happens when I press the Button ?

8. What happens when I press the Button ? FName=John LName=Smith Computer=PC How=FIOS Website=No ## Fname=Mary Lname=Jones Computer=MAC How=DSL … Guestbook.txt

9. What happens when I press the Button ? Form is created using HTML Processing of the Information sent by the FORM is completed using a program on the SERVER !

10. What happens when I press the Button ? All Servers have these programs CGI ( Common Gateway Interface ) Guestbook Program Or you could create your own… PHP AJAX Java JavaScript Perl C, C+, C++, C# Ruby, Ruby on Rails Python VB. Net

11. What happens when I press the Button ? UDEL has a CGI-Guestbook Program !

12. FORM TAGS Options: Method Action = POST = http://udel.edu/cgi-bin/guestbook/~username/filename Program on the Udel Server

13. FORM TAGS FORM ELEMENTS Options: Type Name Value Size Width Text Boxes Text Area Boxes Check Boxes Option Boxes Drop Down Boxes Hidden Controls Radio Buttons Reset Buttons Submit Buttons

14. TEXT BOX

16. CHECKBOXES

17. RADIO BUTTONS

19. TEXTAREABOX

20. DROP DOWN BOX

21. RESET BUTTON SUBMIT BUTTON

22. <DocType…… Forms

23. <FORM Method=“post” Action=“http://udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” > First Name: <INPUT type=“text”size=25Maxlength=60name =“fname” First Name: >

24. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” First Name: <INPUT type=“text”size=25Maxlength=60name =“fname” First Name: > Last Name: <INPUT type=“text”size=25maxlength=60name =“lname”> Last Name:

25. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” > <INPUT type=“text”size=25maxlength=60name =“fname” First Name: > <INPUT type=“text”size=25maxlength=60name =“fname” > Last Name: Clear ! Send First Name: Last Name:

26. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” > Clear ! Send

27. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” MAC: Your Computer: Clear ! Send Your Computer: MAC:PC:OTHER: PC: Other:

28. Yes: Do you have High Speed Internet ? No: Do you have a website ? Yes:No: Do you have High Speed Internet ? Yes:No: Yes: No: Do you have a website ?

29. Why did you choose this course ? Choose One Why did you choose this course? Choose One Learn how to create a Personal website Replace Bill Gates Other

30. Comments:

31. Comments: How did you like the Course? How did you like the course?

32. Instructors Comments: Thank you for taking this course ! Instructors Comments: Thank you for taking this course !

33. Remote File Permissions

35. Select, then Right Click

36. Click

38. Home Work

39. Next Week LAST WEEK Home Work

40. Next Week LAST WEEK FRAMES