How do you Submit an HTML Form? How does it work?

  Рет қаралды 73,441

Web Dev Cody

Web Dev Cody

Күн бұрын

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

Пікірлер: 64
@devanshvashishta
@devanshvashishta Жыл бұрын
Great Video! Taught so much in so less time. It was like a key how front end and backend connects.
@hvms6k
@hvms6k 3 ай бұрын
Huuuge thanks, there're quite a few videos describing html also talking in the context of basic usage w/ ui frameworks, like React.
@simonroyjonesuk
@simonroyjonesuk 11 ай бұрын
Really good video. Very clear explanation and just the right levelof detail. Very helpful. Thanks
@GreenTechTown
@GreenTechTown 2 жыл бұрын
Very well explained! Keep them coming.
@tonytony-fc6gq
@tonytony-fc6gq 3 ай бұрын
THANK YOU, was wondering why i was not seeing the query string till i watched this video, I learnt ALOT
@hashcodehub6717
@hashcodehub6717 2 жыл бұрын
Great tutorial bro, Keep it coming man
@retardedguy9847
@retardedguy9847 2 жыл бұрын
Thank you for making videos like this.
@AliProductionsPK
@AliProductionsPK Жыл бұрын
THANK U BRO ITS REALLY HELP ME I SEE EVERY VIDEO ON KZfaq BUT I CAN'T UNDERSTAND THEN I SEE YOUR'S VIDEO THAT VERY HELPFUL TO ME THANK U ONCE AGAIN LOVE FROM PAKISTAN !!!
@juliansmith4463
@juliansmith4463 Жыл бұрын
Thank you for the explanations, help with the understanding.
@lucaxo2493
@lucaxo2493 2 жыл бұрын
you helped me with my schoolwork, thanks
@mohammedansari818
@mohammedansari818 Жыл бұрын
Very well explained. Thank you.
@mousslemchibane4206
@mousslemchibane4206 Жыл бұрын
man Thank you sooooo much. Very well explained. great video.
@everluck35
@everluck35 Жыл бұрын
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!
@leumas8688
@leumas8688 Жыл бұрын
Excellent explanation, thanks my friend.
@lufius
@lufius Жыл бұрын
Great tutorial, thanks a lot! :)
@tryndamere9541
@tryndamere9541 10 ай бұрын
Was really helpful thanks :D
@dulo123
@dulo123 Жыл бұрын
Great form tutorial, could you please explain how you got your screen with the web editor an the chrome browser dynamically linked ?
@AzedineOuhadou
@AzedineOuhadou Жыл бұрын
thanks for explanation bro it was great
@oldtimesong
@oldtimesong Жыл бұрын
Thank you so much for this!!!!
@PANDA-TOON
@PANDA-TOON 8 ай бұрын
SIMPLE AND DETAILED EXPLANATION
@SeibertSwirl
@SeibertSwirl 2 жыл бұрын
Nice!!! Good job babe!!!
@boomspeng
@boomspeng Жыл бұрын
Thank you this video is helpful.
@user-ih2zp9jg7f
@user-ih2zp9jg7f 6 ай бұрын
Thanks for the explanation, Mike. But how do I save the form data (after Submit) in a separate file?
@basedtiger8984
@basedtiger8984 9 ай бұрын
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
@jellybean7613
@jellybean7613 Жыл бұрын
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
@amintahernandez5145
@amintahernandez5145 2 жыл бұрын
Este submit es un dolor de cabezas para mi, muchas gracias!!
@Preshhbeats
@Preshhbeats 2 ай бұрын
Thank you ❤❤❤❤
@Darbokst
@Darbokst 4 ай бұрын
using the form action, is there a way to include an apikey with the url?
@gunahawk6893
@gunahawk6893 2 жыл бұрын
Great video
@bahadorkhajehmiri7644
@bahadorkhajehmiri7644 Жыл бұрын
Awsome! 👌👌👏👏
@kenansari
@kenansari 2 жыл бұрын
thank you!
@user-te3vp1xt8k
@user-te3vp1xt8k 10 ай бұрын
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?
@thangmai667
@thangmai667 Жыл бұрын
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.
@h9n154
@h9n154 4 ай бұрын
May I know what is the theme of your vs code ? It looks gorgeous
@MasterZhao
@MasterZhao Жыл бұрын
Curious to know how you make the inputs "required"?
@ashimov1970
@ashimov1970 11 ай бұрын
two questions: 1. is it applicable to a React code? 2. what about using FormData in pure JS as well as in React?
@druvbopanna5879
@druvbopanna5879 2 жыл бұрын
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?
@softwareten1500
@softwareten1500 2 жыл бұрын
thank u brudda
@evab6550
@evab6550 2 жыл бұрын
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?
@WebDevCody
@WebDevCody 2 жыл бұрын
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
@lovena.k22
@lovena.k22 Жыл бұрын
@@WebDevCody Do you have a video where you explained this?
@joesenenfelder683
@joesenenfelder683 Жыл бұрын
nice. excellent. thanks.
@yofi2614
@yofi2614 Жыл бұрын
Why do i need the submit type on the button? It seems to work without it
@ankurc
@ankurc 10 ай бұрын
thanks
@jacobflores1592
@jacobflores1592 11 ай бұрын
How can I access to the information provided through the form?
@91dgross
@91dgross 10 ай бұрын
Thanks man, very helpful! also is that you and your wife in your gmail photo?
@WebDevCody
@WebDevCody 10 ай бұрын
Yes it is!
@my_codingchannel7479
@my_codingchannel7479 Жыл бұрын
there is a big difference between going to and submitting to.... when I put...... form action= it goes there it doesn't deposit there
@tonytony-fc6gq
@tonytony-fc6gq 3 ай бұрын
👏👏👏👏
@makavich
@makavich 9 ай бұрын
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!!!!
@WebDevCody
@WebDevCody 9 ай бұрын
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
@kennykenny4540
@kennykenny4540 2 жыл бұрын
How do I make use of axios or fetch to make a post request
@WebDevCody
@WebDevCody 2 жыл бұрын
Usually it’s just axios.post(url, data). Maybe checkout the docs
@ander172
@ander172 5 ай бұрын
Ok, so sending form via post is more secure, right ? Via https should be encrypted, right ?
@WebDevCody
@WebDevCody 5 ай бұрын
Https it would be encrypted yes. Post more secure compared to what?
@ander172
@ander172 5 ай бұрын
@@WebDevCody compared to basic get via url
@donoskeys
@donoskeys 2 ай бұрын
So u still need a 3rd party to handle backend?
@BradleyThomas
@BradleyThomas Жыл бұрын
How could I use the form submissions in JS?
@WebDevCody
@WebDevCody Жыл бұрын
You’d probably need to do a post request using axios to the same endpoint
@kennykenny4540
@kennykenny4540 2 жыл бұрын
Do I really need a backend before I can upload my website
@WebDevCody
@WebDevCody 2 жыл бұрын
If you want other people to be able to access it, you need a server for hosting it
@djdx2
@djdx2 Жыл бұрын
You can stop using self closing tags my friend, not needed in HTML5
@ejohnson1979atgmail
@ejohnson1979atgmail 11 ай бұрын
Great Video, Very clearly explained.
@elhamzeinodini4828
@elhamzeinodini4828 2 жыл бұрын
Great video
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 902 М.
10 Form Validation Tips Every Web Developer SHOULD KNOW!
9:22
James Q Quick
Рет қаралды 12 М.
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 80 МЛН
Each found a feeling.#Short #Officer Rabbit #angel
00:17
兔子警官
Рет қаралды 4,2 МЛН
WHY THROW CHIPS IN THE TRASH?🤪
00:18
JULI_PROETO
Рет қаралды 8 МЛН
2000000❤️⚽️#shorts #thankyou
00:20
あしざるFC
Рет қаралды 13 МЛН
Learn HTML forms in 10+ minutes! 📝
17:55
Bro Code
Рет қаралды 69 М.
POST form data using JavaScript's Fetch API
8:01
OpenJavaScript
Рет қаралды 42 М.
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,5 МЛН
POST Form Data as JSON with Fetch API in JavaScript
9:25
ByteGrad
Рет қаралды 54 М.
How to Properly Layout A Website (For Beginners)
14:50
The Website Architect
Рет қаралды 507 М.
Serverless might bankrupt you (and how to deploy to a VPS instead)
14:26
Learn HTML Forms In 25 Minutes
24:56
Web Dev Simplified
Рет қаралды 950 М.
HTML Forms and Inputs | HTML5 Tutorial for Beginners
45:19
Dave Gray
Рет қаралды 34 М.
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 430 М.
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 80 МЛН