HTML Forms

Preperation

• W3Schools Documentation:
  • Read W3Schools Section on HTML Forms through HTML Input Attributes
• Mozilla Developers Network (MDN) Documentation:
  • Check out the form widgets on the MDN Input Element page
  • Compare those same widgets on a different browser, especially mobile vs. desktop

In class: Showcase some form inputs

• Make an HTML page with several different form input types
• Submit your form to for processesing to see the results of the data collected
  • DeFrance's form viewer
  • zyBook's form viewer

Check Your Understanding

• What is the purpose of a form's action attribute?
• Explain the differents between these input attributes:
  • for
  • type
  • id
  • name
  • value
• What is the difference between the GET and POST methods? Give examples of when you might want to use one or the other.