How do you Submit an HTML Form? How does it work?
2024 ж. 22 Мам.
71 508 Рет қаралды
Explaining how an html form submit works behind the scenes and breaking down how to create a simple html contact us form.
------------
🔔 Newsletter eepurl.com/hnderP
💬 Discord / discord
📁. GitHub github.com/codyseibert/youtube
Great Video! Taught so much in so less time. It was like a key how front end and backend connects.
THANK U BRO ITS REALLY HELP ME I SEE EVERY VIDEO ON KZhead BUT I CAN'T UNDERSTAND THEN I SEE YOUR'S VIDEO THAT VERY HELPFUL TO ME THANK U ONCE AGAIN LOVE FROM PAKISTAN !!!
Huuuge thanks, there're quite a few videos describing html also talking in the context of basic usage w/ ui frameworks, like React.
Really good video. Very clear explanation and just the right levelof detail. Very helpful. Thanks
Very well explained! Keep them coming.
THANK YOU, was wondering why i was not seeing the query string till i watched this video, I learnt ALOT
Great tutorial bro, Keep it coming man
Thank you for making videos like this.
you helped me with my schoolwork, thanks
Wow, good explanation. As a beginner I wasn't sure how to build the bridge to backend. This video helped my with that by overviewing the general concepts of GET and POST (which is essential for the understanding of HTML Forms). Not bad!
Thank you for the explanations, help with the understanding.
Very well explained. Thank you.
Excellent explanation, thanks my friend.
man Thank you sooooo much. Very well explained. great video.
Great tutorial, thanks a lot! :)
Was really helpful thanks :D
Great form tutorial, could you please explain how you got your screen with the web editor an the chrome browser dynamically linked ?
Thank you so much for this!!!!
thanks for explanation bro it was great
Nice!!! Good job babe!!!
Thank you this video is helpful.
SIMPLE AND DETAILED EXPLANATION
Thanks for the explanation, Mike. But how do I save the form data (after Submit) in a separate file?
Great video
Question, which program and browser allows you to see the changes in real time? I can see the browser was updating as you edited code
Este submit es un dolor de cabezas para mi, muchas gracias!!
Wow i understood everything despite being a slow learner🎉 thank you so much for this tutorial I instantly subscribed because I really loved how you go over every little details
thank you!
Thank you ❤❤❤❤
thank u brudda
Curious to know how you make the inputs "required"?
I'm trying to post an image to a rest api using FormData.append and all that custom implementation as I'm capturing the image file appending it to the FormData and using that to post to the API, that works, but on iOS Safari I'm still getting an error as the form-data seems to be empty (?) is there a workaround for that kind of issues when submitting a form-data object?
two questions: 1. is it applicable to a React code? 2. what about using FormData in pure JS as well as in React?
using the form action, is there a way to include an apikey with the url?
Excuse me, can i ask how can i attach condition to upload approriate html file to website ? For example, in the video above, i want my phone number is exactly 32 to access the next page (without giving warning on the current page). If its not 32, its will access to a fault html page (i made it myself) and if its 32, it will access to a success page.
May I know what is the theme of your vs code ? It looks gorgeous
Awsome! 👌👌👏👏
nice. excellent. thanks.
your the reason why ppl like me learning how to code didn't give up. thanks a lot. But I do have a general question, I haven't learned any backend yet so what happens after "submit" is clicked is a bit confusing for me. once I learn something like JS will it make sense?
If you learn a little about making your own rest api with node it might make more sense. You basically have backend code that listens for a request and then it returns a response
@@WebDevCody Do you have a video where you explained this?
Why do i need the submit type on the button? It seems to work without it
How can I access to the information provided through the form?
I don't know why, but formsubmit is telling me: Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files. Why is this happening?
thanks
Thanks man, very helpful! also is that you and your wife in your gmail photo?
Yes it is!
there is a big difference between going to and submitting to.... when I put...... form action= it goes there it doesn't deposit there
Ok, so sending form via post is more secure, right ? Via https should be encrypted, right ?
Https it would be encrypted yes. Post more secure compared to what?
@@WebDevCody compared to basic get via url
i need help bro srsly its been a week and i cant fix it i did everything and it still gives me redirections and error 405!!!!
I haven’t used formsubmit in a while. Read their docs and make sure everything is good. Join my discord and send me code link if you want
How do I make use of axios or fetch to make a post request
Usually it’s just axios.post(url, data). Maybe checkout the docs
👏👏👏👏
So u still need a 3rd party to handle backend?
How could I use the form submissions in JS?
You’d probably need to do a post request using axios to the same endpoint
Do I really need a backend before I can upload my website
If you want other people to be able to access it, you need a server for hosting it
You can stop using self closing tags my friend, not needed in HTML5
Great Video, Very clearly explained.
Great video