← Back to Home

Week 03 - HTML Forms & Data Flow

Reference files for the live-coding demos, in teaching order. Open any example and use View Source (right-click → View Page Source) to read the code — then rebuild it yourself.

▶  Open the Interactive Slides

1. Registration Form

Complete form with all input types

2. Contact Form

Simple contact form with validation

3. Job Application

Form with fieldsets and file upload

Tip: don't copy-paste. Type the code yourself, break it on purpose, then fix it. Use DevTools (F12) to inspect what's happening.