web pages: create & maintain week 12 creating forms

WEB PAGES: Create & MaintainWeek 12

Creating FORMS

What happens when I press the Button ?


FName=JohnLName=SmithComputer=PCHow=FIOSWebsite=No##Fname=MaryLname=JonesComputer=MACHow=DSL…

Guestbook.txt


Form is created using HTML

Processing of the Information sent by the FORM is completed

using a program on the SERVER !


• 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


UDEL has a CGI-Guestbook Program !

FORM TAGS

<FORM> </FORM>Options: Method Action

= POST= http://udel.edu/cgi-bin/guestbook/~username/filename

Program on the Udel Server

FORM TAGS<FORM> </FORM>

FORM ELEMENTS

<INPUT>Options:

TypeNameValueSizeWidth

Text BoxesText Area Boxes

Check BoxesOption BoxesDrop Down Boxes

Hidden Controls

Radio ButtonsReset ButtonsSubmit Buttons

TEXT BOX

CHECKBOXES

RADIO BUTTONS

TEXTAREABOX

DROP DOWN BOX

RESET BUTTON

SUBMIT BUTTON

<DocType……<HTML><HEAD><TITLE> Forms</TITLE><STYLE>

</STYLE></HEAD><BODY>

</BODY></HTML>

<FORM>

</FORM>

<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:

>

<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:

>

Last Name:

<INPUT type=“text” size=25 maxlength=60 name =“lname”>

<p>Last Name:

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

<INPUT type=“text” size=25 maxlength=60 name =“fname”

First Name:

>

<INPUT type=“text” size=25 maxlength=60 name =“fname” >

<p>Last Name:

Clear ! Send

<INPUT type = “reset” value = “Clear !”>

<INPUT type = “submit” value = “Send”>

</FORM>

First Name:

Last Name:

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

Clear ! Send



</FORM>

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

<INPUT type=“checkbox” name=“computer” value=“Apple”> MAC:

Your Computer:

Clear ! Send



</FORM>

Your Computer:

MAC: PC: OTHER:

<INPUT type=“checkbox” name=“computer” value=“Windows”> PC:

<INPUT type=“checkbox” name=“computer” value=“Other”> Other:

<INPUT type=“radio” name=“website” value=“Y”> Yes:

<p>Do you have High Speed Internet ?

<INPUT type=“radio” name=“website” value=“N”> No:

Do you have a website ?

Yes: No:

Do you have High Speed Internet ?

Yes: No:

<INPUT type=“radio” name=“highspeed” value=“Y”> Yes:

<INPUT type=“radio” name=“highspeed” value=“N”> No:

Do you have a website ?

Why did you choose this course ?

Choose One

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>

Comments:

Comments:

<TEXTAREA name=“comments” cols=60 rows=2> </TEXTAREA>

Comments:

Comments:

<TEXTAREA name=“comments” cols=60 rows=2> </TEXTAREA>

How did you like the Course?

How did you like the course?

Instructors Comments:

Thank you for taking this course !

Instructors Comments:

<TEXTAREA name=“mycomments” cols=60 rows=1 READONLY >

</TEXTAREA>

Thank you for taking this course !

Remote File Permissions

Select, then Right Click

Home Work

Next WeekLAST WEEKHome Work

Next WeekLAST WEEKFRAMES

web pages: create & maintain week 12 creating forms

Documents