Advanced Forms — Data Capture
Overview
In this learning activity, the focus is on capturing and displaying the form data on a reservation confirmation page.
Prepare
- Read: form methods for GET and POST
- Read: URLSearchParams
Activity Instructions
In this activity, you will create a form using several different form elements. You will then create a thanks.html page to display the form information entered by the user.
These labs are designed so that you can follow along and learn. Pause the video instruction as needed and code your own version.
Download the start file to your computer's desktop
Watch Form Data Part 1 Project Review
Watch Form Data Part 2 A demonstration capturing information from URLSearchParams
Test and Share
Test your updates and share your work with your peers on Microsoft Teams.
Optional Resources
- Review Learn Forms – MDN