How to make a form read-only

A client-side javascript solution to making an entire form non-editable. This approach can be used to make any page read-only.

The explanation

The demo of the code. Zoom the video to fullscreen to see clearly.