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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 66

  • @hvms6k
    @hvms6k 11 หลายเดือนก่อน +2

    Huuuge thanks, there're quite a few videos describing html also talking in the context of basic usage w/ ui frameworks, like React.

  • @kassandrarojass
    @kassandrarojass 4 หลายเดือนก่อน

    I am working on a project that uses Remix. They rely heavily on forms for sending and fetching data. This video was incredibly helpful to understand how forms handle data fetching.
    Thank you! You explanation was easy to understand and everything you mentioned was valuable!

  • @tonytony-fc6gq
    @tonytony-fc6gq 11 หลายเดือนก่อน

    THANK YOU, was wondering why i was not seeing the query string till i watched this video, I learnt ALOT

  • @AliProductionsPK
    @AliProductionsPK ปีที่แล้ว

    THANK U BRO ITS REALLY HELP ME I SEE EVERY VIDEO ON TH-cam BUT I CAN'T UNDERSTAND THEN I SEE YOUR'S VIDEO THAT VERY HELPFUL TO ME THANK U ONCE AGAIN LOVE FROM PAKISTAN !!!

  • @GreenTechTown
    @GreenTechTown 3 ปีที่แล้ว +2

    Very well explained! Keep them coming.

  • @everluck35
    @everluck35 2 ปีที่แล้ว +7

    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!

  • @lucaxo2493
    @lucaxo2493 2 ปีที่แล้ว

    you helped me with my schoolwork, thanks

  • @trading560
    @trading560 หลายเดือนก่อน

    Very well explained! i love this thanks

  • @hashcodehub6717
    @hashcodehub6717 3 ปีที่แล้ว +2

    Great tutorial bro,
    Keep it coming man

  • @devanshvashishta
    @devanshvashishta 2 ปีที่แล้ว

    Great Video! Taught so much in so less time. It was like a key how front end and backend connects.

  • @simonroyjonesuk
    @simonroyjonesuk ปีที่แล้ว

    Really good video. Very clear explanation and just the right levelof detail. Very helpful. Thanks

  • @PANDA-TOON
    @PANDA-TOON ปีที่แล้ว

    SIMPLE AND DETAILED EXPLANATION

  • @JU315TMC
    @JU315TMC 2 ปีที่แล้ว

    Thank you for the explanations, help with the understanding.

  • @marvellousobiorah4062
    @marvellousobiorah4062 3 หลายเดือนก่อน

    Well explained sir

  • @dulo123
    @dulo123 2 ปีที่แล้ว +2

    Great form tutorial, could you please explain how you got your screen with the web editor an the chrome browser dynamically linked ?

  • @leumas8688
    @leumas8688 ปีที่แล้ว

    Excellent explanation, thanks my friend.

  • @AzedineOuhadou
    @AzedineOuhadou ปีที่แล้ว

    thanks for explanation bro it was great

  • @mousslemchibane4206
    @mousslemchibane4206 2 ปีที่แล้ว

    man Thank you sooooo much. Very well explained. great video.

  • @mohammedansari818
    @mohammedansari818 ปีที่แล้ว

    Very well explained. Thank you.

  • @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

  • @Preshhbeats
    @Preshhbeats 10 หลายเดือนก่อน

    Thank you ❤❤❤❤

  • @amintahernandez5145
    @amintahernandez5145 2 ปีที่แล้ว

    Este submit es un dolor de cabezas para mi, muchas gracias!!

  • @tryndamere9541
    @tryndamere9541 ปีที่แล้ว

    Was really helpful thanks :D

  • @ruudkorunka
    @ruudkorunka ปีที่แล้ว

    Thanks for the explanation, Mike.
    But how do I save the form data (after Submit) in a separate file?

  • @boomspeng
    @boomspeng 2 ปีที่แล้ว

    Thank you this video is helpful.

  • @h9n154
    @h9n154 ปีที่แล้ว

    May I know what is the theme of your vs code ? It looks gorgeous

  • @butwhothehellknows
    @butwhothehellknows 3 ปีที่แล้ว +1

    Nice!!! Good job babe!!!

  • @coolvibesreloaded7946
    @coolvibesreloaded7946 6 หลายเดือนก่อน

    thanks how can i customize the thanks page, also i have select drop down that i'v
    put with this form, how would that work???

  • @91dgross
    @91dgross ปีที่แล้ว

    Thanks man, very helpful! also is that you and your wife in your gmail photo?

  • @JulioMarquez-t3x
    @JulioMarquez-t3x ปีที่แล้ว

    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?

  • @ander172
    @ander172 ปีที่แล้ว +1

    Ok, so sending form via post is more secure, right ? Via https should be encrypted, right ?

    • @WebDevCody
      @WebDevCody  ปีที่แล้ว

      Https it would be encrypted yes. Post more secure compared to what?

    • @ander172
      @ander172 ปีที่แล้ว

      @@WebDevCody compared to basic get via url

  • @oldtimesong
    @oldtimesong ปีที่แล้ว

    Thank you so much for this!!!!

  • @lufius
    @lufius 2 ปีที่แล้ว

    Great tutorial, thanks a lot! :)

  • @Darbokst
    @Darbokst ปีที่แล้ว

    using the form action, is there a way to include an apikey with the url?

  • @ashimov1970
    @ashimov1970 ปีที่แล้ว

    two questions:
    1. is it applicable to a React code?
    2. what about using FormData in pure JS as well as in React?

  • @evab6550
    @evab6550 2 ปีที่แล้ว +1

    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 2 ปีที่แล้ว +1

      @@WebDevCody Do you have a video where you explained this?

  • @yofi2614
    @yofi2614 2 ปีที่แล้ว

    Why do i need the submit type on the button? It seems to work without it

  • @jacobflores1592
    @jacobflores1592 ปีที่แล้ว

    How can I access to the information provided through the form?

  • @bahadorkhajehmiri7644
    @bahadorkhajehmiri7644 2 ปีที่แล้ว

    Awsome! 👌👌👏👏

  • @elhamzeinodini4828
    @elhamzeinodini4828 3 ปีที่แล้ว +1

    Great video

  • @thangmai667
    @thangmai667 2 ปีที่แล้ว

    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.

  • @kenansari
    @kenansari 3 ปีที่แล้ว +1

    thank you!

  • @basedtiger8984
    @basedtiger8984 ปีที่แล้ว

    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

    • @gbbarn
      @gbbarn 7 หลายเดือนก่อน

      For future reference: It's Live Server. Although, I don't recommend it unless properly configured, as it poses a security risk. Better to make your own node http server and also it's the industry standard nowadays.

  • @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?

  • @my_codingchannel7479
    @my_codingchannel7479 2 ปีที่แล้ว

    there is a big difference between going to and submitting to.... when I put...... form action= it goes there it doesn't deposit there

  • @donoskeys
    @donoskeys 10 หลายเดือนก่อน

    So u still need a 3rd party to handle backend?

  • @ankurc
    @ankurc ปีที่แล้ว

    thanks

  • @joesenenfelder683
    @joesenenfelder683 2 ปีที่แล้ว

    nice. excellent. 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

  • @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

  • @tonytony-fc6gq
    @tonytony-fc6gq 11 หลายเดือนก่อน

    👏👏👏👏

  • @BradleyThomas
    @BradleyThomas 2 ปีที่แล้ว

    How could I use the form submissions in JS?

    • @WebDevCody
      @WebDevCody  2 ปีที่แล้ว

      You’d probably need to do a post request using axios to the same endpoint

  • @djdx2
    @djdx2 2 ปีที่แล้ว +2

    You can stop using self closing tags my friend, not needed in HTML5

  • @gunahawk6893
    @gunahawk6893 3 ปีที่แล้ว +1

    Great video