Skip to main content

Learning Objectives

Forms​

  • Can answer: what are HTML forms used for?

Form controls​

  • Can answer: what form controls can we use when we want the user to enter text
  • Can answer: what form controls can we use when we want the user to choose a single option from a list
  • Can answer: what form controls can we use when we want the user to choose multiple options from a list
  • Can: identify the type of form input likely in use in a sample form
  • Can: select the correct form inputs when building a simple form

Labels​

  • Can answer: why are labels necessary?
  • Can answer: in which ways do form control labels benefit users?
  • Can answer: how do we associate a label with a form control?
  • Can answer: how do we give a group of radio or checkbox inputs a label
  • Can answer: why are text input placeholders bad?

Form validation​

  • Can answer: what are some attributes we can use for form validation?

Form submission​

  • Can answer: in which ways can we submit a form?
  • Can answer: how can we submit a form to a web server?

Form security​

  • Can answer: what should we never trust in software?

Devtools​

  • Can: manually locate the source of a specific piece of text from a page's rendered view in the source HTML, for a simple case.
  • Can: use the browser's inspector to automatically locate the corresponding source for a given element of the rendered view.
  • Can: discover the current box model attributes of an element, using the inspector.

Developer thinking​

  • Can participate in live coding