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

  Рет қаралды 90,478

Web Dev Cody

Web Dev Cody

Күн бұрын

Пікірлер: 66
@hvms6k
@hvms6k 10 ай бұрын
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 KZbin 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 жыл бұрын
Very well explained! Keep them coming.
@everluck35
@everluck35 2 жыл бұрын
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!
@hashcodehub6717
@hashcodehub6717 3 жыл бұрын
Great tutorial bro, Keep it coming man
@trading560
@trading560 Ай бұрын
Very well explained! i love this thanks
@dulo123
@dulo123 2 жыл бұрын
Great form tutorial, could you please explain how you got your screen with the web editor an the chrome browser dynamically linked ?
@lucaxo2493
@lucaxo2493 2 жыл бұрын
you helped me with my schoolwork, thanks
@PANDA-TOON
@PANDA-TOON Жыл бұрын
SIMPLE AND DETAILED EXPLANATION
@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
@JU315TMC
@JU315TMC 2 жыл бұрын
Thank you for the explanations, help with the understanding.
@leumas8688
@leumas8688 Жыл бұрын
Excellent explanation, thanks my friend.
@ruudkorunka
@ruudkorunka Жыл бұрын
Thanks for the explanation, Mike. But how do I save the form data (after Submit) in a separate file?
@mousslemchibane4206
@mousslemchibane4206 2 жыл бұрын
man Thank you sooooo much. Very well explained. great video.
@marvellousobiorah4062
@marvellousobiorah4062 3 ай бұрын
Well explained sir
@AzedineOuhadou
@AzedineOuhadou Жыл бұрын
thanks for explanation bro it was great
@mohammedansari818
@mohammedansari818 Жыл бұрын
Very well explained. Thank you.
@tryndamere9541
@tryndamere9541 Жыл бұрын
Was really helpful thanks :D
@butwhothehellknows
@butwhothehellknows 3 жыл бұрын
Nice!!! Good job babe!!!
@ander172
@ander172 Жыл бұрын
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
@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
@h9n154
@h9n154 Жыл бұрын
May I know what is the theme of your vs code ? It looks gorgeous
@lufius
@lufius 2 жыл бұрын
Great tutorial, thanks a lot! :)
@oldtimesong
@oldtimesong Жыл бұрын
Thank you so much for this!!!!
@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???
@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?
@boomspeng
@boomspeng 2 жыл бұрын
Thank you this video is helpful.
@Darbokst
@Darbokst Жыл бұрын
using the form action, is there a way to include an apikey with the url?
@Preshhbeats
@Preshhbeats 10 ай бұрын
Thank you ❤❤❤❤
@91dgross
@91dgross Жыл бұрын
Thanks man, very helpful! also is that you and your wife in your gmail photo?
@WebDevCody
@WebDevCody Жыл бұрын
Yes it is!
@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 2 жыл бұрын
@@WebDevCody Do you have a video where you explained this?
@amintahernandez5145
@amintahernandez5145 2 жыл бұрын
Este submit es un dolor de cabezas para mi, muchas gracias!!
@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.
@bahadorkhajehmiri7644
@bahadorkhajehmiri7644 2 жыл бұрын
Awsome! 👌👌👏👏
@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.
@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?
@elhamzeinodini4828
@elhamzeinodini4828 3 жыл бұрын
Great video
@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?
@jacobflores1592
@jacobflores1592 Жыл бұрын
How can I access to the information provided through the form?
@yofi2614
@yofi2614 2 жыл бұрын
Why do i need the submit type on the button? It seems to work without it
@kenansari
@kenansari 3 жыл бұрын
thank you!
@donoskeys
@donoskeys 10 ай бұрын
So u still need a 3rd party to handle backend?
@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
@joesenenfelder683
@joesenenfelder683 2 жыл бұрын
nice. excellent. thanks.
@tonytony-fc6gq
@tonytony-fc6gq 11 ай бұрын
👏👏👏👏
@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
@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
@ankurc
@ankurc Жыл бұрын
thanks
@djdx2
@djdx2 2 жыл бұрын
You can stop using self closing tags my friend, not needed in HTML5
@gunahawk6893
@gunahawk6893 3 жыл бұрын
Great video
Learn HTML Forms In 25 Minutes
24:56
Web Dev Simplified
Рет қаралды 1 МЛН
POST Form Data as JSON with Fetch API in JavaScript
9:25
ByteGrad
Рет қаралды 70 М.
Хаги Ваги говорит разными голосами
0:22
Фани Хани
Рет қаралды 2,2 МЛН
Build this JS calculator in 15 minutes! 🖩
15:20
Bro Code
Рет қаралды 766 М.
Send emails from a HTML Contact Form
12:40
Code with Ania Kubów
Рет қаралды 394 М.
Learn HTML forms in 10+ minutes! 📝
17:55
Bro Code
Рет қаралды 135 М.
10 Signs Your Software Project Is Heading For FAILURE
17:59
Continuous Delivery
Рет қаралды 38 М.
Always Check for the Hidden API when Web Scraping
11:50
John Watson Rooney
Рет қаралды 662 М.
Create a Working Contact Form in HTML that emails you (w/ spam prevention too!)
22:18
Stop Using Pixels For Media Queries
18:48
Web Dev Simplified
Рет қаралды 59 М.
The HTML Tags They NEVER Taught You
7:39
Giodev
Рет қаралды 158 М.
Use JavaScript to Get Value from a Textbox and Display on the Page
7:00
Six Minutes. Smarter.
Рет қаралды 217 М.
Хаги Ваги говорит разными голосами
0:22
Фани Хани
Рет қаралды 2,2 МЛН