Question:

Explain at least 4 form event types and describe how they work.

I will discuss four form events that are blur , onsubmit , focus and reset.

  • blur

blur is fired when a input loses it’s focus let’s demonstrate this with code.

See the Pen blur by oscar (@nopity) on CodePen.

  • onsubmit

onsubmit will fire when you click the submit button in a form

JS Bin on jsbin.com

  • ‘focus’

focus works when you first click into an input box

See the Pen focus by oscar (@nopity) on CodePen.

  • ‘reset’

reset will delete all the inputs within the form

See the Pen reset by oscar (@nopity) on CodePen.