Learn HTML Forms In 25 Minutes

951,444
439
Published 2019-06-08
Data is key to the web, and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms in under 25 minutes. We will cover the main attributes of the form tag, how to create input elements with labels, and how to properly submit a form. This video is packed with every piece of information you need to know about HTML forms.

We will start by building a registration form with basic input fields and expand upon the example covering all form elements. We will discuss everything from text input, to check boxes. We will also cover form validation as well as label placement. By the end of this video you will know everything you need about HTML forms.


πŸ“š Materials/References:

CodePen Code: codepen.io/WebDevSimplified/pen/KLjNYE


🧠 Concepts Covered:

- Form tag attributes
- GET vs POST
- Label tag attributes
- Input tag attributes
- All important input tag types
- Select and option tag
- Textarea tag
- Submit and reset button
- HTML form validation
- Form accessibility best practices


🌎 Find Me Here:

Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


#HTML #WDS #Forms

All Comments (21)
  • @rohitmajnekar
    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
  • The reason why you are the best on YouTube 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.
  • @dominikl2815
    Keep going - you are doing extremely good job with creating one of the simplest, well crafted, web development tutorials on youtube.
  • never have i ever found any tutorial on HTML forms, so up to the point , short and crisp. Thanks for the wonderful video.
  • @louie_sevilla
    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.
  • @jamesaapollock
    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.
  • @qhubbles
    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!
  • @achengster4
    Spent a few hours trying to understand forms and labels. You clarified it for me in under 25 mins. Thank you!
  • Another huge "Thank you!" from Seattle, Kyle!! I remember going through these elements in school but now I refreshed my memory.
  • @donjayspace
    I will say this is the best tutorial on coding I have ever come across, even a person that has never written a single line of code before will understand this video
  • @MrBryan4you
    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 YouTube 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
  • @Nick-lh3vw
    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!
  • @filon861
    βœ” Great explanation βœ” Great Examples βœ” Clear Voice Thanks bro.
  • @geton7942
    I was trying to find a video about forms, but yours is the most informational and chill, keep it up man!
  • Thanks for breaking it down and condensing everything into a small video. I am learning little by little in web dev.
  • @stevegibson1279
    This is an outstanding tutorial. All essential, nothing wasted. Perfectly presented.
  • @VANTABL4CK
    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
  • @shreypatel9379
    Best video on HTML forms .. just what i was looking for , simple and lucid explanations with a perfect pace.. thanks for such videos
  • @LucasA84
    I wish I had found this tutorial before dropping out of Web class. Loved this video. Thank you. Keep them coming.
  • @sanjanagl
    This was such a cool way of learning! Coded along the away. Loved it! Thanks a lot!