The reason why you are the best on RUclips for what you do, is that you seem to understand the viewer - you break it down in such a simplistic manner, that complex problems are easily understood. A lot of concepts (headaches) that I previously struggled with have been removed because of your channel. Great work, you are making a difference.
That is how I want every tutorial to be... right on the point, no wasting of time talking nonsense......This is what i searched for specifically and got Edit(after watching the whole video): Subscribed *you earned this*
I like your pace. I usually don't finish tutorial videos that are 20+ minutes long coz they make me sleepy but your way is fast and covers a lot in a short period of time just the way I like it. Please keep going. I want to learn more from you. Really simple. Thank you.
Thank you so much. I like to make my videos so that they have a high amount of knowledge per minute of video. I am just like you and usually find long tutorials to be boring and drawn out so I try to make my videos as condensed and short as possible. Usually when I have a long video it is because there is just too much knowledge I want to portray and it is not possible to do in a short time frame.
I agree with you, but for me, it was even too fast. I watched the video at 0.75 speed. And I liked it very much. Now, if I have to watch it again, I'll watch it at normal speed. Great tutor, by the way. One of the bests I've known.
Yeah this is super helpful. I’m taking an accelerated degree program for web dev and I watch your videos before I start my chapter work. Gives me an excellent foundation for the chapters and makes them significantly easier to go through. Awesome content man.
I've just fallen in love for every single thing shown on this video. Appart from the obvious good-looking teacher, the content, the pace and the seamless teaching is awesome. Everything was so clear that it's time for practice. Thank you so much!
All my life of existence this is the most informative and brief tutorial i had ever seen... God bless you and may you live long enough to do this good job for generation to generation... lots of tutorials on RUclips did it for 2 hours with no impact whatsoever.. professors at uni did for a whole session with no effect and waste of student precious time... here you are for less than 30 minutes.. xx
I'm teaching HTML and CSS and I find all your videos great for my students. In this video, though, I miss the explanation about two important tags to structure forms: and and, also, bananas and apples should have the same input name, so as their values are sent to the server as only one field: favourite fruits.
I had no idea about html. But you made me learn it very fast. Love your teaching skills. You teach to the exact point without nonsense. Many thanks and good luck ❤️❤️❤️❤️
YOU ARE SUCH A GREAT TEACHER! A GENIUS! YOU BROKE IT DOWN BIT BY BIT IN SUCH A WAY THAT EVEN A NOVICE WILL UNDERSTAND. PLEASE KEEP UP THIS GOOD WORK. GOD BLESS YOU.
im 26 and getting into this I have a buddy whos going to the bootcamp im taking hes in the bay making a great amount of money as well as investing and just enjoying every moment of it im on the same path and i really appreciate all this informative videos cause even watching this to kind of go over the information really helps to get the full concept so thank you.
Thank you so much I was a little confused in the attributes of __ But you cleared my doubt and taught me some new stuff. Also, I like the way you talk and explain. It's so nice and peaceful. And this was the first time I completely watched a tutorial 20+ minutes long
How did you get the results page? I saw you just copied and pasted it but when I tried to type in the code that you copied, it wouldn't affect the results page. I also was wondering how you made the back to form button on the second page.
my results page just gives me ${name}: ${value} instead of the info entered or checked! As for the "BACK To Form" link, that is just a simple anchor tag. Back to Form
I am a beginner in html and I watched over 10 tutorials about forms. I thought I am an "expert" in this - until I saw this one. I will go through this vid for 2 or 3 times and then I can say I´m an expert regardless the fact that the rest of html is unknown area. But I´m sure your vids gonna help me.
i m still wandering , how u brought that results script. except this flaw, very nice tutorial. i would like to suggest that before u take any step keep in mind that whether a beginner will understand it or not. in this case i didn't understand how u brought results script. i would rate it 99 out of 100. 1 - because of that flaw. :)
The result script was included into the head of the HTML page so it can be run when the page loads. This video is not about that script or javascript at all so I didn't want to waste time explaining it. I just used that script to make explaining concepts easier.
@@WebDevSimplified can you post a copy of the results script? we are trying to follow the guide step by step and can as part of the guide is missing, i understand that you say the video is not about the result script, but you show it in the tutorial, so people want to follow step by step to ensure that they are seeing the same results as you.
Dude, I just watched 1:56 seconds of your video and figured out why I couldnt see my form submissions in my address bar of the browser. And from there, I was able to test each one of my submit buttons and get the correct results in the address bar on most of them and the ones where I didn't , I had to research and figure out the nuances b/t the ones wher I just used button creating attributes or the button element itself. I can not thank you enough. I've subbed. Now imma watch the rest.
My guy! Great video man! I really appreciate the help! Straight to the point and well communicated in a way that is easy for beginners to understand. I'm watching this over a year after you uploaded it and I have to say man keep it up!
I need help when i go on submit and it opens my results.html page i only get to see the link to go back on the form page i typed everything the same as you did and it wont show up on the screen
WDS: Let's use a radio button for gender because you can only have one gender Left Twitter: TRIGGERED Jokes aside, great tutorial! I'm following TOD and honestly forms have always got me sleepy, but you managed to condense so much info in 25 minutes, in a clear and direct way. I'd subscribed if I wasn't already :)
Wow! Thank you for describing all of the different input types and explaining how it connects to the idea of HTTP requests. I understand forms so much better now, and I'm glad I watched this video.
Let me try to clarify this with an analogy about a drive thru restaurant. Hopefully you can make better sense of what is going on. You pull up to a drive thru speaker to tell your order: Order your food here You are at the speakerbox(). You see a sticker above the speakerbox that says "Order your food here"(). The for and id attribute are saying "THIS label is for THIS input" or "THIS 'Order your food here' sticker is for THIS speakerbox". If you didn't have this, it would be like someone ripped the sticker off the speakerbox and stuck it on the back of someone's car. You wouldn't know that sticker was for that speakerbox if you saw it randomly or if you saw any of those stickers you wouldn't know what speakerbox it belongs to. They link the two together. You decide to order. You say into the speaker "burger". This would be like typing "burger" into your input box. The action attribute() is where your order, or value, goes to. Without this it would be like yelling into the speakerbox with no one on the other end listening to you. The drive thru employee receives your order into his headset. The method attribute decides HOW he's going to tell your order. Is he going to yell it out to another employee so the whole restaurant can hear or is he going to write it down on a piece of paper and hand it to him? He decides to yell it out so he yells, "BURGER!" His coworker looks at him confused. He doesn't know the name of the person that the burger is going to. The drive thru employee says, "Sorry. Mike's order is a...BURGER!" This is what the name attribute in is for: mike's order = burger. Without this, the drive thru employee can yell out orders all day long ("burger", "wings," " french fries") without knowing who they go to. Hope this helps.
very simple and precise. Easy to understand each line. I am doing it step by step but got stuck on creating the results page. I would copy the code but would like to understand the codes written.
Thank you! Videos like this do take a ton of planning and forethought. I generally put in around 5 times more effort into editing/planning than I do into recording.
Thanks for such a detail video. Can you please show how to add dynamic input field. For example, we have a input field for hobby but if the user has multiple hobbies then he can click on the add button and an additional input field is added to the form dynamically. How can we save the data of the dynamically added data to the database? If you can do a tutorial on this it will be helpful.
Amazing so simple. I wish every video I’ve seen in the past was as descriptive as yours. I actually can understand the code. So simple however I am relearning html css and JavaScript. :)
Kyle please , face to your good way to deliver us your knowledge , can we expect a complete course to learn from you from the start to the finish a profesionnal project ( a pro website and pro web app destined to a real client ..etc ) to let us learn the front , backend as well the DB , the testing ..etc please ? anyway Thanks too much Kyle , you are definitly the best !
For people that just starting to learn Html this is super nice! grreat repetition if you do this yourself while watching this on a secound screen! good phase so most of the times you dont need to pause but still you wont get boored by someone explaining stuff slow. Im 15 hours in to Html and Css and this was perfect ty!
Dude all the paid courses are shit wen u get this sort of amazing content . Glad that i came across this channel. Love your pace man . Other vedios are too boring to even complete
Thank you very much for posting such helpful video. I'm kind of new to this and I was wondering if you had a "part 2" video where you'd show how to actually pass the form data to a database (spreadsheet of sorts) along with the file uploads where all the info gets collected. Thanks again!
The reason why you are the best on RUclips for what you do, is that you seem to understand the viewer - you break it down in such a simplistic manner, that complex problems are easily understood. A lot of concepts (headaches) that I previously struggled with have been removed because of your channel. Great work, you are making a difference.
That is how I want every tutorial to be... right on the point, no wasting of time talking nonsense......This is what i searched for specifically and got
Edit(after watching the whole video): Subscribed *you earned this*
I'm really glad you enjoyed it. I try to cut out as much downtime and nonsense from my videos so you can learn what you want as quickly as possible.
EXACTLY
You are not alone
never have i ever found any tutorial on HTML forms, so up to the point , short and crisp.
Thanks for the wonderful video.
Ohhhhhhh 🤭
Keep going - you are doing extremely good job with creating one of the simplest, well crafted, web development tutorials on youtube.
Thank you!
I agree, very well done :)
@@WebDevSimplified How do u make the info submit but only the admin can see the info and not the other users
@@WebDevSimplified what software do you use?
@airusjhan francisco thanks
I like your pace. I usually don't finish tutorial videos that are 20+ minutes long coz they make me sleepy but your way is fast and covers a lot in a short period of time just the way I like it. Please keep going. I want to learn more from you. Really simple. Thank you.
Thank you so much. I like to make my videos so that they have a high amount of knowledge per minute of video. I am just like you and usually find long tutorials to be boring and drawn out so I try to make my videos as condensed and short as possible. Usually when I have a long video it is because there is just too much knowledge I want to portray and it is not possible to do in a short time frame.
I just turn up the speed to 1.5x
ruclips.net/video/9DnCCkosNcc/видео.html
I agree with you, but for me, it was even too fast. I watched the video at 0.75 speed. And I liked it very much. Now, if I have to watch it again, I'll watch it at normal speed. Great tutor, by the way. One of the bests I've known.
@@RadiergummiXD yeah thats what i do
my lecturer has been trying to get this to us for the past four months, and you just did more in just 25 mins... you are super
Yeah this is super helpful. I’m taking an accelerated degree program for web dev and I watch your videos before I start my chapter work. Gives me an excellent foundation for the chapters and makes them significantly easier to go through. Awesome content man.
I've just fallen in love for every single thing shown on this video. Appart from the obvious good-looking teacher, the content, the pace and the seamless teaching is awesome. Everything was so clear that it's time for practice. Thank you so much!
✔ Great explanation
✔ Great Examples
✔ Clear Voice
Thanks bro.
You forgot, GREAT HAIR!
All my life of existence this is the most informative and brief tutorial i had ever seen... God bless you and may you live long enough to do this good job for generation to generation... lots of tutorials on RUclips did it for 2 hours with no impact whatsoever.. professors at uni did for a whole session with no effect and waste of student precious time... here you are for less than 30 minutes.. xx
I'm teaching HTML and CSS and I find all your videos great for my students. In this video, though, I miss the explanation about two important tags to structure forms: and and, also, bananas and apples should have the same input name, so as their values are sent to the server as only one field: favourite fruits.
Thanks for breaking it down and condensing everything into a small video. I am learning little by little in web dev.
I had no idea about html. But you made me learn it very fast. Love your teaching skills. You teach to the exact point without nonsense. Many thanks and good luck ❤️❤️❤️❤️
Spent a few hours trying to understand forms and labels. You clarified it for me in under 25 mins. Thank you!
I am speechless.
Definitely deserves to be subscribed.
Thank you so much for this video....
This is very much useful for the beginers...
Love From INDIA
Another huge "Thank you!" from Seattle, Kyle!! I remember going through these elements in school but now I refreshed my memory.
I'm really glad I could help
YOU ARE SUCH A GREAT TEACHER! A GENIUS! YOU BROKE IT DOWN BIT BY BIT IN SUCH A WAY THAT EVEN A NOVICE WILL UNDERSTAND. PLEASE KEEP UP THIS GOOD WORK. GOD BLESS YOU.
I was trying to find a video about forms, but yours is the most informational and chill, keep it up man!
Thanks
im 26 and getting into this I have a buddy whos going to the bootcamp im taking hes in the bay making a great amount of money as well as investing and just enjoying every moment of it im on the same path and i really appreciate all this informative videos cause even watching this to kind of go over the information really helps to get the full concept so thank you.
FINALLY, A GOOD EXPLANATION!
Thanks!! I from Brazil 🇧🇷 , and i like so much your tutorials!! It's helping a lot to learn web sites development, THX!!
you are not okay
Thank you so much I was a little confused in the attributes of __ But you cleared my doubt and taught me some new stuff.
Also, I like the way you talk and explain. It's so nice and peaceful. And this was the first time I completely watched a tutorial 20+ minutes long
Wow! BEST form intro/tutor that I've seen! Concice & to the point!
How did you get the results page? I saw you just copied and pasted it but when I tried to type in the code that you copied, it wouldn't affect the results page. I also was wondering how you made the back to form button on the second page.
my results page just gives me ${name}: ${value} instead of the info entered or checked! As for the "BACK To Form" link, that is just a simple anchor tag. Back to Form
I am a beginner in html and I watched over 10 tutorials about forms. I thought I am an "expert" in this - until I saw this one. I will go through this vid for 2 or 3 times and then I can say I´m an expert regardless the fact that the rest of html is unknown area. But I´m sure your vids gonna help me.
3 years ago was a simpler time when people would not be triggered at 15:09
how dare you!! how dare you create such an informative tutorial that our teachers spent a month to discuss???!!!
Best video on HTML forms .. just what i was looking for , simple and lucid explanations with a perfect pace.. thanks for such videos
Thank you. This is why i love youtube. There is always guy who make things easier
You've published that tutorial just in time, becuase I was looking for it few days ago. Thx bro!
I'm glad I could help!
I wish I had found this tutorial before dropping out of Web class. Loved this video. Thank you. Keep them coming.
You are doing sterling work, this is one of the best and clearest explanation of forms in html I have ever heard. Many thanks!
Saving a student's life right now, can't thank you enough for this great video!
i m still wandering , how u brought that results script. except this flaw, very nice tutorial. i would like to suggest that before u take any step keep in mind that whether a beginner will understand it or not. in this case i didn't understand how u brought results script. i would rate it 99 out of 100. 1 - because of that flaw. :)
The result script was included into the head of the HTML page so it can be run when the page loads. This video is not about that script or javascript at all so I didn't want to waste time explaining it. I just used that script to make explaining concepts easier.
@@WebDevSimplified can you post a copy of the results script? we are trying to follow the guide step by step and can as part of the guide is missing, i understand that you say the video is not about the result script, but you show it in the tutorial, so people want to follow step by step to ensure that they are seeing the same results as you.
Dude, I just watched 1:56 seconds of your video and figured out why I couldnt see my form submissions in my address bar of the browser. And from there, I was able to test each one of my submit buttons and get the correct results in the address bar on most of them and the ones where I didn't , I had to research and figure out the nuances b/t the ones wher I just used button creating attributes or the button element itself. I can not thank you enough. I've subbed. Now imma watch the rest.
If you just style inputs and labels in CSS to have "display: block;" you will have one element per line without much effort.
My guy! Great video man! I really appreciate the help! Straight to the point and well communicated in a way that is easy for beginners to understand. I'm watching this over a year after you uploaded it and I have to say man keep it up!
be like - "AM I JOKE TO YOU ???" 😜😜
I have been reading a book on HTML and in the form section, I just got confused. Your video has been proved helpful a lot. Thanks
I need help when i go on submit and it opens my results.html page i only get to see the link to go back on the form page i typed everything the same as you did and it wont show up on the screen
me too
@@AleksaTz I had the same problem. Further below someone posted a copy of the results.html page code that works. Copy and past the code below:
Results
Back to Form
const resultsList = document.getElementById('results')
new URLSearchParams(window.location.search).forEach((value,
name) => {
resultsList.append(`${name}: ${value}`)
resultsList.append(document.createElement('br'))
})
@@sovdi-f0 thank you!
@@sovdi-f0 Why do the "/" takes us back to the form page?
This is an outstanding tutorial. All essential, nothing wasted. Perfectly presented.
"They can only have one gender"
Based.
LMFAO how about the people that want 17 different genders? LMFAO!!!!! Super based
Joined a boot camp, bought Udemy courses. Learned here. Man Thanks!!!
15:08 Pink Dyed Hair Social Justice Warrior Identifying as an apache helicopter: "That's where you're wrong kiddo"
I knew someone noticed this and commented!
You are amazing! Never have I thought that learning HTML would be this easy. You made it look easy.
Good Tutorial, but where is
I don't find the range input being used very much at all so I decided not to include it.
Ok..
Wow. Almost everything covered with form in a simplest way to understand. Keep it up
"because you can only be one gender"
u trying to claim something different?
facts
And whats's wrong with that?
look man idc what ur gender is or what side of the argument you’re on, dont bring discourse into a programming video 😭
I identify as an HTML form 😂
Thank you for simplicity and REPETITION. Thank you thank you thank you. Keep putting them out.
WDS: Let's use a radio button for gender because you can only have one gender
Left Twitter: TRIGGERED
Jokes aside, great tutorial! I'm following TOD and honestly forms have always got me sleepy, but you managed to condense so much info in 25 minutes, in a clear and direct way. I'd subscribed if I wasn't already :)
Wow! Thank you for describing all of the different input types and explaining how it connects to the idea of HTTP requests. I understand forms so much better now, and I'm glad I watched this video.
15:09 facts
Let me try to clarify this with an analogy about a drive thru restaurant. Hopefully you can make better sense of what is going on. You pull up to a drive thru speaker to tell your order:
Order your food here
You are at the speakerbox(). You see a sticker above the speakerbox that says "Order your food here"(). The for and id attribute are saying "THIS label is for THIS input" or "THIS 'Order your food here' sticker is for THIS speakerbox". If you didn't have this, it would be like someone ripped the sticker off the speakerbox and stuck it on the back of someone's car. You wouldn't know that sticker was for that speakerbox if you saw it randomly or if you saw any of those stickers you wouldn't know what speakerbox it belongs to. They link the two together.
You decide to order. You say into the speaker "burger". This would be like typing "burger" into your input box. The action attribute() is where your order, or value, goes to. Without this it would be like yelling into the speakerbox with no one on the other end listening to you.
The drive thru employee receives your order into his headset. The method attribute decides HOW he's going to tell your order. Is he going to yell it out to another employee so the whole restaurant can hear or is he going to write it down on a piece of paper and hand it to him? He decides to yell it out so he yells, "BURGER!" His coworker looks at him confused. He doesn't know the name of the person that the burger is going to. The drive thru employee says, "Sorry. Mike's order is a...BURGER!" This is what the name attribute in is for: mike's order = burger. Without this, the drive thru employee can yell out orders all day long ("burger", "wings," " french fries") without knowing who they go to.
Hope this helps.
"they can only have one gender"
In 2021 that's so edgy to say
so true XD
Ikr, not woke enough.
i thought the same thing XD
you're the best, thanks for breaking this down you really know what the user/ viewer wants , you're the best keep the good work.
bruh you explain these better than my lecturer does , thank you
Thank you
All Thanks to Web Dev Simplified
Yup are the most brilliant nerd I have ever seen till now. You saved my day. Thank you very much
very simple and precise. Easy to understand each line. I am doing it step by step but got stuck on creating the results page. I would copy the code but would like to understand the codes written.
Bro you literally forced me to comment this!! This is the best forms tutorial i have come across. Thankyou!!
Thanks a lot. Cleared all my doubts in just 25 minutes.
One of the best tutorials ever on html forms. Tnank you dude for your efforts!
Thank you for this! Really clear explanation. You are a very good teacher. Now I need to learn how to collect the data.
Your talent is commendable. Quite a lot of planning and sequencing must have gone into creating such smooth videos.
Thank you! Videos like this do take a ton of planning and forethought. I generally put in around 5 times more effort into editing/planning than I do into recording.
Dude, you've literally done my homework. Thanks a lot.
this is the video I was looking for 2 days......thankuu so much.....its all right on point
This is the best video I’ve watched on web development
Thanks for such a detail video. Can you please show how to add dynamic input field. For example, we have a input field for hobby but if the user has multiple hobbies then he can click on the add button and an additional input field is added to the form dynamically. How can we save the data of the dynamically added data to the database? If you can do a tutorial on this it will be helpful.
That is a good idea. It is a quite involved process and involves JS and a server, but I will add that to my list of things to do.
@@WebDevSimplified Will be a fun task.
Best Forms lecture have ever seen , simply explained all types Tq man
Thanks for this video. Forms are dead boring to me and I procrastinate a lot and struggle to push through it. You made it much easier.
Bro you are awesome. Just found your video today and I watched it continuously for 25 min just without another thought in mind.
Best toturial I ever seen. Great job !!!! Thanks for taking the time to prepare it.
Amazing so simple. I wish every video I’ve seen in the past was as descriptive as yours. I actually can understand the code. So simple however I am relearning html css and JavaScript. :)
By far the best(beast) course for form... basic🤞
This really made forms so much easier to understand, thanks
I was stucked here but through your video my every confusion is gone .Thankyou so much for this helpful uploads 😀😁
Man, you're so good at explaining *.*
Extremely rich video.
Thank you for cramming a lot of content in just 20min.
Great video on forms :)
That was really good. It took me a couple tries, but it was a lot better than reading 50 pages of my textbook!
😂😂😂
Currently bussy with your react tutorials, this is great to watch in between lol. Awesome video
The best tutorial I've seen in my life!
On point and straight to the point..... Simply amazing!!!
Kyle please , face to your good way to deliver us your knowledge , can we expect a complete course to learn from you from the start to the finish a profesionnal project ( a pro website and pro web app destined to a real client ..etc ) to let us learn the front , backend as well the DB , the testing ..etc please ? anyway Thanks too much Kyle , you are definitly the best !
I have a full stack Node.js course in a playlist on my channel you can checkout.
THIS was just what I was looking for in a presentation on HTML forms. Thank you SO much! Amazing!!
Thank you... Lots of support from INDIA
Amazing. I had to put it into into 1.5x speed so I wouldnt close the video. And damn it was really worth it. So much information. Thank you very much.
Mate you are amazing. You explain everything so simple and clear. Thank you!
For people that just starting to learn Html this is super nice! grreat repetition if you do this yourself while watching this on a secound screen! good phase so most of the times you dont need to pause but still you wont get boored by someone explaining stuff slow. Im 15 hours in to Html and Css and this was perfect ty!
You are sooo clear, I love it. Thank you so much!
Dude all the paid courses are shit wen u get this sort of amazing content . Glad that i came across this channel. Love your pace man . Other vedios are too boring to even complete
Fast and clear. Thanks man
brooo, you are fucking brilliant as a teacher, super clear and objective, congratulations!
Dude, you the boss. Have subscribed to you, and to your Discord, watched several of your videos -- incredibly helpful and clear.
Thank you!
You the best 🔥 🔥
Been looking for this kind of tutorial for too long. Thx God I found yours🤗💫
This was such a cool way of learning! Coded along the away. Loved it! Thanks a lot!
very helpful precise and short. Thanks! i have practicals coming up in few days and this is just what is need right now .
You are the only person that i understand his tutorial Don't Stop bro I'm with you💟
You saved my assignment! hahah Thank you very much, love the way you teach
@@jadijohnson2899 neverr
Thank you very much for posting such helpful video. I'm kind of new to this and I was wondering if you had a "part 2" video where you'd show how to actually pass the form data to a database (spreadsheet of sorts) along with the file uploads where all the info gets collected. Thanks again!