Transcript PP 1 - Forms
Slide 1
WEB PAGES: Create & Maintain
Week 12
Creating FORMS
Slide 2
Slide 3
Slide 4
Slide 5
FORM
Slide 6
Slide 7
What happens when I press the
Button ?
Slide 8
What happens when I press theGuestbook.txt
Button ?
FName=John
LName=Smith
Computer=PC
How=FIOS
Website=No
##
Fname=Mary
Lname=Jones
Computer=MAC
How=DSL
…
Slide 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 !
Slide 10
What happens when I press the
Button ?
• PHP
• AJAX
•
Java
• All Servers have these programs
• JavaScript
• CGI ( Common
Gateway
Interface
)
• Perl
• Guestbook
Program
• C, C+,
C++, C#
• Ruby, Ruby on Rails
• Or you could
create your own…
• Python
• VB. Net
Slide 11
What happens when I press the
UDEL has a CGI-Guestbook Program !
Button ?
Slide 12
FORM TAGS
Options:
Method = POST
Action = http://udel.edu/cgi-bin/guestbook/~username/filename
Program on the
Udel Server
Slide 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
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
Slide 19
Slide 20
Slide 21
Slide 22
Forms
Slide 23
Action=“http://udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” >
First Name:
Maxlength=60
First Name:
name =“fname” >
Slide 24
Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt”
First Name:
Maxlength=60
name =“fname”
maxlength=60
name =“lname”>
First Name:
maxlength=60
name =“fname” >
maxlength=60
name =“fname” >
Clear !
Send
Slide 27
Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt”
Your Computer:
MAC:
PC:
Other:
Your Computer:
MAC:
PC:
Clear !
OTHER:
Send
Slide 28
Do you have a website ?
Yes:
No:
WEB PAGES: Create & Maintain
Week 12
Creating FORMS
Slide 2
Slide 3
Slide 4
Slide 5
FORM
Slide 6
Slide 7
What happens when I press the
Button ?
Slide 8
What happens when I press theGuestbook.txt
Button ?
FName=John
LName=Smith
Computer=PC
How=FIOS
Website=No
##
Fname=Mary
Lname=Jones
Computer=MAC
How=DSL
…
Slide 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 !
Slide 10
What happens when I press the
Button ?
• PHP
• AJAX
•
Java
• All Servers have these programs
• JavaScript
• CGI ( Common
Gateway
Interface
)
• Perl
• Guestbook
Program
• C, C+,
C++, C#
• Ruby, Ruby on Rails
• Or you could
create your own…
• Python
• VB. Net
Slide 11
What happens when I press the
UDEL has a CGI-Guestbook Program !
Button ?
Slide 12
FORM TAGS
Options:
Method = POST
Action = http://udel.edu/cgi-bin/guestbook/~username/filename
Program on the
Udel Server
Slide 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
Slide 14
Slide 15
Slide 16
Slide 17
Slide 18
Slide 19
Slide 20
Slide 21
Slide 22
Slide 23
Action=“http://udel.edu/cgi-bin/guestbook/~username/yourfilename.txt” >
First Name:
Maxlength=60
First Name:
name =“fname” >
Slide 24
Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt”
First Name:
Maxlength=60
name =“fname”
maxlength=60
name =“lname”>
Last Name:
First Name:
Last Name:
>
Slide 25
First Name:
maxlength=60
name =“fname” >
maxlength=60
name =“fname” >
Last Name:
First Name:
Last Name:
Clear !
Send
Slide 26
Clear !
Send
Slide 27
Action=“http:/udel.edu/cgi-bin/guestbook/~username/yourfilename.txt”
Your Computer:
MAC:
PC:
Other:
Your Computer:
MAC:
PC:
Clear !
OTHER:
Send
Slide 28
Do you have a website ?
Yes:
No:
Do you have High Speed Internet ?
Yes:
No:
Do you have a website ?
Yes:
No:
Do you have High Speed Internet ?
Yes:
No:
Slide 29
Why did you choose this course ?
Why did you choose this course?
Choose One
Slide 30
Comments:
Comments:
Slide 31
Comments:
How did you like the course?
Comments:
How did you like the Course?
Slide 32
Instructors Comments:
Instructors Comments:
Thank you for taking this course !
Slide 33
Remote File Permissions
Slide 34
Remote File Permissions
Slide 35
Select, then Right Click
Slide 36
Click
Slide 37
Slide 38
Home Work
Slide 39
Next
Week
Home Work
LAST WEEK
Slide 40
Next Week
FRAMES
LAST WEEK