Save user form input data in a JavaScript object

This tutorial shows you how to save user input from a HTML form in a JavaScript object using the native FormData() object constructor. Also covered is how to pass the form data to another page of the form via localStorage.
#javascript #html #formdata #htmlforms #webdevelopment

⚡ NEW: Web development courses from Meta Inc. ⚡

[raven.]

Exactly what I was looking for! Thank you so so much!

[MantraMantis]

I was stuck on this concept for hours and your tutorial really helped me. Thank you.

[buvaneswari]

Thank you so much sir
You just plunged into the topic

[perorbem]

Thanks so much for this tutorial! I'd been struggling with this for a while, so it helped a ton :)

[shvchnk]

Veryyyy useful, helped me a lot! Thank you for this clear tutorial 💗💗

[jackepner]

Thanks for the video, but would be amazing if you could tack on a section that is more real-world applicable, where instead of saving the object to local storage, it's passed to a backend server using proper routing. Thank you!

[fakharany]

Thank for the great video, Now I was wondering can I use this method in my website to store contact us form data in a text file (s) to check later for message from web visitors who wishes to communicate with me ?

[pratibhabade]

can we use any other keywords or properties instead of <div> and <span>? 6:18

[nlfcisb]

can any clear me one thing do we need to link confirm.html or else not

[larryjasontueno]

How does the entries overright what was alreadt there

[qual]

Hey man great video, just wondering is it possible to do this exact thing but instead of going to a new page i can retrieve it on the same page? Cus im making a single page app with angular and need to do something like this, thanks.

[ashkanahmadi]

Interesting approach thanks. As far as I know, it's not best practice to store any personal information locally in the cookie or local storage.

[xtreemz]

hi, Great video man. Is it possible to save the data to notepad on disk of the PC?

[ljcewui]

How would you implement this but instead of using local storage, it will be through sqlite

[untrusted]

is it possible to edit whats inside the object?

[lucky_bus]

Shouldn't you be using the 'for' attribute with 'id' of the input, rather than the 'name' . It's strange but you use neither the 'id', nor the 'name', just some random 'for' values.