1 / 40

WEB PAGES: Create & Maintain Week 12 Creating FORMS

WEB PAGES: Create & Maintain Week 12 Creating FORMS. FORM. What happens when I press the. Button ?. Guestbook.txt. What happens when I press the. FName =John LName =Smith Computer=PC How=FIOS Website=No ## Fname =Mary Lname =Jones Computer=MAC How=DSL …. Button ?.

lexine
Download Presentation

WEB PAGES: Create & Maintain Week 12 Creating FORMS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. FORM

  3. What happens when I press the Button ?

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

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

  6. 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 What happens when I press the Button ?

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

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

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

  10. TEXT BOX

  11. CHECKBOXES

  12. RADIO BUTTONS

  13. TEXTAREABOX

  14. DROP DOWN BOX

  15. RESET BUTTON SUBMIT BUTTON

  16. <DocType…… <HTML> <HEAD> <TITLE> Forms</TITLE> <STYLE> </STYLE> </HEAD> <BODY> </BODY> </HTML> <FORM> </FORM>

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

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

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

  20. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” > <INPUT type = “reset” value = “Clear !”> <INPUT type = “submit” value = “Send”> </FORM> Clear ! Send

  21. <FORM Method=“post” Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” Your Computer: <INPUT type=“checkbox” name=“computer” value=“Apple”> MAC: <INPUT type=“checkbox” name=“computer” value=“Windows”> PC: <INPUT type=“checkbox” name=“computer” value=“Other”> Other: <INPUT type = “reset” value = “Clear !”> <INPUT type = “submit” value = “Send”> </FORM> Your Computer: MAC: PC: OTHER: Clear ! Send

  22. Do you have a website ? <INPUT type=“radio” name=“website” value=“Y”> Yes: <INPUT type=“radio” name=“website” value=“N”> No: <p>Do you have High Speed Internet ? <INPUT type=“radio” name=“highspeed” value=“Y”> Yes: <INPUT type=“radio” name=“highspeed” value=“N”> No: Do you have High Speed Internet ? Do you have a website ? Yes: Yes: No: No:

  23. Why did you choose this course ? <SELECT name=“why” size=1> <option> Choose One <option> Learn how to create a Personal website <option> Replace Bill Gates <option> Other </SELECT> Why did you choose this course? Choose One

  24. Comments: <TEXTAREA name=“comments” cols=60 rows=2> </TEXTAREA> Comments:

  25. Comments: <TEXTAREA name=“comments” cols=60 rows=2> </TEXTAREA> How did you like the course? Comments: How did you like the Course?

  26. Instructors Comments: <TEXTAREA name=“mycomments” cols=60 rows=1 READONLY > Thank you for taking this course ! </TEXTAREA> Instructors Comments: Thank you for taking this course !

  27. Remote File Permissions

  28. Remote File Permissions

  29. Select, then Right Click

  30. Click

  31. Home Work

  32. Next WeekLAST WEEK Home Work

  33. Next WeekLAST WEEK FRAMES

More Related