Web Forms Course

Course contents

1. What a form does

   Controls, name-value pairs, methods, and browser submission.

   1. 01-✓ What a form does
   2. 02-✓ Form action and method
   3. 03-✓ Which controls are submitted
   4. 04-✓ Submit buttons

2. Text and choice controls

   Choose and combine the native controls users need.

   1. 05-✓ Text controls
   2. 06-✓ Numbers, dates, and ranges
   3. 07-✓ Checkboxes and radio buttons
   4. 08-✓ Select menus
   5. 09-✓ File inputs
   6. 10-✓ Check your understanding: native form controls

3. Accessible form structure

   Labels, instructions, focus, and useful error messages.

   1. 11-✓ Label every control
   2. 12-✓ Group related controls
   3. 13-✓ Write useful instructions
   4. 14-✓ Keyboard and focus behavior
   5. 15-✓ Write accessible error messages

4. Browser validation

   Declare input constraints and explain validation errors.

   1. 16-✓ Required values and length constraints
   2. 17-✓ Patterns and formats
   3. 18-✓ The Constraint Validation API
   4. 19-✓ Validate on both client and server

5. Submission formats

   URL encoding, multipart data, FormData, and file uploads.

   1. 20-✓ URL-encoded form data
   2. 21-✓ Multipart form data
   3. 22-✓ The FormData object
   4. 23-✓ Redirect after a successful POST
   5. 24-✓ Check your understanding: forms over HTTP

6. JavaScript and forms

   Handle events and submit data with fetch.

   1. 25-✓ Handle the submit event
   2. 26-✓ Submit a form with fetch
   3. 27-✓ Pending, success, and error states
   4. 28-✓ Reset after success
   5. 29-✓ Check your understanding: asynchronous form code

7. Server-side safety

   Validate input and protect form endpoints from abuse.

   1. 30-✓ Never trust submitted input
   2. 31-✓ Protect cookie-authenticated forms from CSRF
   3. 32-✓ Limit abuse and automated submissions
   4. 33-✓ Handle file uploads safely
   5. 34-✓ Build a complete feedback form