Class Note 7 for Internet Web Publishing I

Learning Objectives:

You will be able to create a form using different form input types

You will be able to modify input types using different attributes

You will be able to describe the different form actions

Homework:

Read:  Chapter 4  in your book

Review: Forms at W3schools

Review: Form Elements at W3schools

Review: Form Input Types at W3schools

Review: Form Attributes at W3schools

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

Topics Covered:

Target and Data mining

Sample of what happens when you have bad design

A Web Form needs an action (what you are going to do with the form) and should include a method (how to send the info in the form)

 
Text Field & Area Check Box  Radio Button 
Selection Box  Submit Button  Reset Button 

Jon's Bribe Site uses a form that connects to a database.

With Forms you can "Get" or "Post" information to your server. The Get method is the default method and it sends the form contents in the URL for everyone to see and the Postmethod sends the form contents body of the request better for passwords and large amounts of data.

You have the option of adding several "objects" to your HTML with the forms tag. Text boxes, Text Areas, Check Boxes, Radio Buttons and Submit Buttons are the more popular objects you can add to your page.

CGI stands for Common Gateway Interface. CGI adds interactivity between HTML and the Web servers resources (data bases or ability to create new pages.) Several different languages can be used to create CGI scripts. Some of the more popular languages are Perl, VB Script, Java Script, C++ and Apple Script.

New and Popular HTML 5 Input Types

button checkbox color
date datetime email
file hidden image
password radio reset
search submit tel
text time URL

 

 

New attributes for <input>:

autocomplete autofocus form
formaction formenctype formmethod
formnovalidate formtarget height and width
list min and max multiple
pattern (regexp) placeholder required
step    

New HTML 5 Form attributes:

New attributes for <form>:

W3schools Tutorial on Forms, Input Type and Input Attributes

Terms:

CGI, Forms, Scripts, Perl

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

HTML Valid