1. HTML - Forms By Joaquin Vila, Ph.D.

2. Form Tag The FORM tag specifies a fill-out form within an HTML document. More than one fill-out form can be in a single document, but forms cannot be nested....

3. http://www.google.com

4. http://www.google.com/search? q=Multimedia

5. Simple Form Search:

7. The INPUT Tag <INPUT TYPE = TYPE must be one of: –"text" –"password" –"checkbox" –"radio” –”submit" –”reset” –“button” –“hidden”

8. The SELECT Tag Inside..., any number of SELECT tags are allowed First option. Second option.

9. The TEXTAREA Tag Default contents go here.

10. Other INPUT Attributes <INPUT –NAME –VALUE –CHECKED –SIZE –MAXLENGTH

11. Forms URL for a popular search engine –http://www.yahoo.com/ Client request –http://search.yahoo.com/bin/search?p=java http://search.yahoo.com/bin/search ? p=java

12. Search Search:

14. Mapquest Query StringQuery String http://www.mapquest.com/maps/map.adp? country=US&address=411+OAK+ST&city =WAUKEGAN&state=IL&zipcode=60085

15. MapQuest Query String http://www.mapquest.com/maps/map.adp? country=US& address=411+OAK+ST& city=WAUKEGAN& state=IL& zipcode=60085

16. MapQuest Form country: address: city: state: zipcode:

18. The objects in the form

19. Forms & Client Side Processing function dice(form){ form.die1.value = Math.floor(Math.random()*6+1) } Dice:

20. A Simple Function function compute(form) { form.result.value = eval(form.expr.value) } Enter an expression: Result:

21. expr Result

22. expr Result function compute(form) { form.result.value = eval(form.expr.value) }