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

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 65

  • @hvms6k
    @hvms6k 8 месяцев назад +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 2 месяца назад

    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 8 месяцев назад

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

  • @GreenTechTown
    @GreenTechTown 3 года назад +2

    Very well explained! Keep them coming.

  • @AliProductionsPK
    @AliProductionsPK Год назад

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

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

  • @PANDA-TOON
    @PANDA-TOON Год назад

    SIMPLE AND DETAILED EXPLANATION

  • @hashcodehub6717
    @hashcodehub6717 3 года назад +2

    Great tutorial bro,
    Keep it coming man

  • @simonroyjonesuk
    @simonroyjonesuk Год назад

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

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

  • @devanshvashishta
    @devanshvashishta 2 года назад

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

  • @JU315TMC
    @JU315TMC 2 года назад

    Thank you for the explanations, help with the understanding.

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

  • @leumas8688
    @leumas8688 Год назад

    Excellent explanation, thanks my friend.

  • @mousslemchibane4206
    @mousslemchibane4206 Год назад

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

  • @marvellousobiorah4062
    @marvellousobiorah4062 Месяц назад

    Well explained sir

  • @SeibertSwirl
    @SeibertSwirl 3 года назад +1

    Nice!!! Good job babe!!!

  • @mohammedansari818
    @mohammedansari818 Год назад

    Very well explained. Thank you.

  • @AzedineOuhadou
    @AzedineOuhadou Год назад

    thanks for explanation bro it was great

  • @ander172
    @ander172 10 месяцев назад +1

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

    • @WebDevCody
      @WebDevCody  10 месяцев назад

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

    • @ander172
      @ander172 10 месяцев назад

      @@WebDevCody compared to basic get via url

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

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

  • @lufius
    @lufius Год назад

    Great tutorial, thanks a lot! :)

  • @oldtimesong
    @oldtimesong Год назад

    Thank you so much for this!!!!

  • @91dgross
    @91dgross Год назад

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

  • @elhamzeinodini4828
    @elhamzeinodini4828 3 года назад +1

    Great video

  • @boomspeng
    @boomspeng Год назад

    Thank you this video is helpful.

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

  • @coolvibesreloaded7946
    @coolvibesreloaded7946 4 месяца назад

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

  • @Preshhbeats
    @Preshhbeats 8 месяцев назад

    Thank you ❤❤❤❤

  • @kenansari
    @kenansari 3 года назад +1

    thank you!

  • @h9n154
    @h9n154 9 месяцев назад

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

  • @bahadorkhajehmiri7644
    @bahadorkhajehmiri7644 2 года назад

    Awsome! 👌👌👏👏

  • @Darbokst
    @Darbokst 9 месяцев назад

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

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

  • @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 5 месяцев назад

      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.

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

  • @jacobflores1592
    @jacobflores1592 Год назад

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

  • @yofi2614
    @yofi2614 Год назад

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

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

  • @djdx2
    @djdx2 2 года назад +2

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

  • @joesenenfelder683
    @joesenenfelder683 Год назад

    nice. excellent. thanks.

  • @ankurc
    @ankurc Год назад

    thanks

  • @tonytony-fc6gq
    @tonytony-fc6gq 8 месяцев назад

    👏👏👏👏

  • @donoskeys
    @donoskeys 7 месяцев назад

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

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

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

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

  • @gunahawk6893
    @gunahawk6893 3 года назад +1

    Great video