Save 40% on Coursera Plus Annual

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

JavaScript: Web Form Programming

via LinkedIn Learning

Go to class Write review
Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More → Coursera Ad

All Coursera Certificates 40% Off

Learn More →

Overview

Coursera Spring Sale
40% Off Coursera Plus Annual!
Grab it
Get practical techniques for building modern web forms. Learn how to create forms that return clean data and are easy for users to understand, navigate, and complete.

Syllabus

Introduction
  • Building modern web forms
  • What you should know
  • Getting set up
1. Form Programming Fundamentals
  • Label and field interaction
  • Implementing shortcut key navigation
  • Automatic shortcut keys
  • Form and field events
  • Using the output element
  • Challenge: Form programming
  • Solution: Form programming
2. Dynamic Forms
  • Dynamic field display
  • The FormData object
  • Sending data with FormData
  • Challenge: Dynamic forms
  • Solution: Dynamic forms
3. Support Autofill and Repopulation
  • Using datalist for autocomplete
  • Using dynamic datalists
  • Supporting autofill
  • Storing and retrieving form data
  • Challenge: Autofill
  • Solution: Autofill
4. Validate Form Data
  • Overview of form validation approaches
  • Leveraging basic browser validation
  • Implementing better browser validation
  • Using CSS to enhance dynamic validation
  • Filtering key input
  • Using JavaScript for validation
  • Challenge: Form validation
  • Solution: Form validation
Conclusion
  • Next steps

Taught by

Joe Marini

Reviews

4.7 rating at LinkedIn Learning based on 43 ratings

Start your review of JavaScript: Web Form Programming

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.