Тёмный

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

Web Dev Cody
Подписаться 213 тыс.
Просмотров 71 тыс.
50% 1

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

Опубликовано:

 

17 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@hvms6k
@hvms6k 2 месяца назад
Huuuge thanks, there're quite a few videos describing html also talking in the context of basic usage w/ ui frameworks, like React.
@devanshvashishta
@devanshvashishta Год назад
Great Video! Taught so much in so less time. It was like a key how front end and backend connects.
@GreenTechTown
@GreenTechTown 2 года назад
Very well explained! Keep them coming.
@simonroyjonesuk
@simonroyjonesuk 10 месяцев назад
Really good video. Very clear explanation and just the right levelof detail. Very helpful. Thanks
@hashcodehub6717
@hashcodehub6717 2 года назад
Great tutorial bro, Keep it coming man
@lucaxo2493
@lucaxo2493 2 года назад
you helped me with my schoolwork, thanks
@AliProductionsPK
@AliProductionsPK 11 месяцев назад
THANK U BRO ITS REALLY HELP ME I SEE EVERY VIDEO ON RU-vid BUT I CAN'T UNDERSTAND THEN I SEE YOUR'S VIDEO THAT VERY HELPFUL TO ME THANK U ONCE AGAIN LOVE FROM PAKISTAN !!!
@tonytony-fc6gq
@tonytony-fc6gq 2 месяца назад
THANK YOU, was wondering why i was not seeing the query string till i watched this video, I learnt ALOT
@basedtiger8984
@basedtiger8984 8 месяцев назад
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
@retardedguy9847
@retardedguy9847 2 года назад
Thank you for making videos like this.
@juliansmith4463
@juliansmith4463 Год назад
Thank you for the explanations, help with the understanding.
@PANDA-TOON
@PANDA-TOON 7 месяцев назад
SIMPLE AND DETAILED EXPLANATION
@tryndamere9541
@tryndamere9541 9 месяцев назад
Was really helpful thanks :D
@mohammedansari818
@mohammedansari818 Год назад
Very well explained. Thank you.
@dulo123
@dulo123 Год назад
Great form tutorial, could you please explain how you got your screen with the web editor an the chrome browser dynamically linked ?
@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!
@mousslemchibane4206
@mousslemchibane4206 Год назад
man Thank you sooooo much. Very well explained. great video.
@leumas8688
@leumas8688 Год назад
Excellent explanation, thanks my friend.
@user-ih2zp9jg7f
@user-ih2zp9jg7f 5 месяцев назад
Thanks for the explanation, Mike. But how do I save the form data (after Submit) in a separate file?
@user-te3vp1xt8k
@user-te3vp1xt8k 9 месяцев назад
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?
@lufius
@lufius Год назад
Great tutorial, thanks a lot! :)
@oldtimesong
@oldtimesong Год назад
Thank you so much for this!!!!
@SeibertSwirl
@SeibertSwirl 2 года назад
Nice!!! Good job babe!!!
@AzedineOuhadou
@AzedineOuhadou Год назад
thanks for explanation bro it was great
@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.
@Darbokst
@Darbokst 3 месяца назад
using the form action, is there a way to include an apikey with the url?
@h9n154
@h9n154 3 месяца назад
May I know what is the theme of your vs code ? It looks gorgeous
@boomspeng
@boomspeng Год назад
Thank you this video is helpful.
@MasterZhao
@MasterZhao Год назад
Curious to know how you make the inputs "required"?
@ashimov1970
@ashimov1970 10 месяцев назад
two questions: 1. is it applicable to a React code? 2. what about using FormData in pure JS as well as in React?
@gunahawk6893
@gunahawk6893 2 года назад
Great video
@bahadorkhajehmiri7644
@bahadorkhajehmiri7644 Год назад
Awsome! 👌👌👏👏
@kenansari
@kenansari 2 года назад
thank you!
@amintahernandez5145
@amintahernandez5145 2 года назад
Este submit es un dolor de cabezas para mi, muchas gracias!!
@jellybean7613
@jellybean7613 11 месяцев назад
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
@Preshhbeats
@Preshhbeats 2 месяца назад
Thank you ❤❤❤❤
@softwareten1500
@softwareten1500 2 года назад
thank u brudda
@yofi2614
@yofi2614 Год назад
Why do i need the submit type on the button? It seems to work without it
@evab6550
@evab6550 Год назад
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 Год назад
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
@lovenaujoodha6396
@lovenaujoodha6396 Год назад
@@WebDevCody Do you have a video where you explained this?
@91dgross
@91dgross 9 месяцев назад
Thanks man, very helpful! also is that you and your wife in your gmail photo?
@WebDevCody
@WebDevCody 9 месяцев назад
Yes it is!
@jacobflores1592
@jacobflores1592 10 месяцев назад
How can I access to the information provided through the form?
@druvbopanna5879
@druvbopanna5879 Год назад
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?
@joesenenfelder683
@joesenenfelder683 Год назад
nice. excellent. thanks.
@ander172
@ander172 4 месяца назад
Ok, so sending form via post is more secure, right ? Via https should be encrypted, right ?
@WebDevCody
@WebDevCody 4 месяца назад
Https it would be encrypted yes. Post more secure compared to what?
@ander172
@ander172 4 месяца назад
@@WebDevCody compared to basic get via url
@makavich
@makavich 8 месяцев назад
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 8 месяцев назад
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
@donoskeys
@donoskeys Месяц назад
So u still need a 3rd party to handle backend?
@ankurc
@ankurc 10 месяцев назад
thanks
@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
@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
@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
@tonytony-fc6gq
@tonytony-fc6gq 2 месяца назад
👏👏👏👏
@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 10 месяцев назад
Great Video, Very clearly explained.
@elhamzeinodini4828
@elhamzeinodini4828 2 года назад
Great video
Далее
Learn HTML forms in 10+ minutes! 📝
17:55
Просмотров 62 тыс.
POST Form Data as JSON with Fetch API in JavaScript
9:25
Learn HTML Forms In 25 Minutes
24:56
Просмотров 945 тыс.
JavaScript Form Validation
6:39
Просмотров 874 тыс.
HTML Forms and Inputs | HTML5 Tutorial for Beginners
45:19
POST form data using JavaScript's Fetch API
8:01
Просмотров 41 тыс.
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,5 млн
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 880 тыс.