Note 8 for Web Scripting

Watch & Read:

Form Objects

Form Objects: We will play with the following form objects: Sample Form
 
Text Field & Area Check Box Radio Button
Selection Box Submit Button Reset Button


Form Events

Event
What it does
onFocus: onfocus occurs when an object gets focus (user visits object)
onBlur: onblur occurs when an object loses focus (user leaves object)
onSubmit onsubmit occurs when a form is submitted
onChange The content of a field changes

 

Ways to identify the Form objects you wish to manipulate: getElementById(), document.form[].formobject , this

lastIndexOf() Method

indexOf() Method

match() Method

toLowerCase() Method

toUpperCase() Method

slice() Method

value Property

length Property (String) returns a number

selectedIndex Property (section box) returns a number

checked Property (checkbox or radio button) returns True or False


Terms you need to Lookup:

CSS, Styles, blur(), focus()

Review the following:

CSS at w3schools, Other Students Projects

Homework:

Reminder: Post on the Discussion Board Section at least one URL of a Web Page that uses a Web script and describe how the script works.

You should Read Chapters 7

 

Final Step:

Imagine that your mind is a DVD recorder / player and you can review this content anytime you want.  I want you to close your eyes and quickly review in your mind everything we covered in class. 

I also want you to review everything we covered before you go to bed because I want your mind to process this information while you sleep.  You don’t need to spend much time on this review, 5 minutes will be enough!