HTML & CSS Crash Course Tutorial #3 – HTML Forms

HTML & CSS Crash Course Tutorial #3 – HTML Forms

Hey gang, in this HTML tutorial I’ll explain how to create forms in HTML, (using some newer HTML 5 input fields too). We’ll look at email fields, text fields, password fields and more.
—————————————-

🐱‍💻 🐱‍💻 Course Links:

+ VS Code download – https://code.visualstudio.com/

🐱‍💻 🐱‍💻 Other Related Courses:

+ Modern JavaScript Tutorial – https://www.thenetninja.co.uk/udemy/modern-javascript

50 Comments

  1. Sheshasena Reddy on June 7, 2020 at 5:06 pm

    sir, after clicking that submit button my page is not loading nor it is showing up the mistakes to correct , please reply me sir…

  2. KC Security on June 7, 2020 at 5:07 pm

    Favorite with a "u"–can you believe this guy…

  3. Rohit Mathur on June 7, 2020 at 5:07 pm

    This is just great..!!
    Your style of teaching is so amazing..!!

  4. StarBattle08 on June 7, 2020 at 5:09 pm

    Is the ‘label’ needed for inputs? at 11:30 the input doesn’t use label to describe what it is.

  5. CARDINAL DOM on June 7, 2020 at 5:10 pm

    NINJA MASTER. You are the only black belt holder on Youtube. I am a beginner and your videos as giving me confidence that I can learn HTML, CSS, AND JS. I really enjoyed all your videos. I wish you could be my teacher, mentor, and instructor. Please, make my wish come through. God bless you and increase your knowledge. Amen.

  6. David Allsopp on June 7, 2020 at 5:10 pm

    The Net Ninja is so good! Thank you so much for these videos. It’s great to have everything explained so clearly and accessibly. I feel like just by watching these videos my grasp over HTML is so much stronger than it was before. Thank you!

  7. Larissa Farias on June 7, 2020 at 5:12 pm

    you’re amazing!!

  8. Papp Gábor Csaba on June 7, 2020 at 5:13 pm

    Great tutorial! Worth taking time with it.

  9. Adam Larsen on June 7, 2020 at 5:16 pm

    Awesome course so far! Looking forward to finishing this so I can learn JavaScript from your Udemy course! 🙂

    I didn’t see the link to the Form Input Types in the description, so here it is for those looking for the list Shaun mentioned.https://www.w3schools.com/html/html_form_input_types.asp

  10. Carpathian Shepherdess on June 7, 2020 at 5:17 pm

    Thank you! I’ve been struggling a bit with forms and this video has cleared it all up ^_^

  11. Mustafa Мустафа on June 7, 2020 at 5:20 pm

    thank you))))

  12. SneakerUpdate on June 7, 2020 at 5:22 pm

    Sir, First i would like to thanks to you and YouTube whole founding team to give us the great opportunity to learn while sitting anywhere, thankyou so much
    And the second thing is that could you please explain me more that *_NAME_* Attribute

  13. Abdullah Ansari on June 7, 2020 at 5:22 pm

    God bless you

  14. Ehtasham Ather on June 7, 2020 at 5:22 pm

    amazing dude you are a real ninja

  15. Mauricio Ariza on June 7, 2020 at 5:23 pm

    You are GREAT! Thanks a lot for your help. You explain it very well. It is easy to understand. You go directly to the point. I have seen many youtube channels about learning these languages, but yours is the best

  16. shaza albeik on June 7, 2020 at 5:24 pm

    Thank you very much, There is an "Auto Save" in VS Code if you want, auto save make my life easy with programming

  17. Ralph DiZazzo on June 7, 2020 at 5:24 pm

    Yep, incredibly good tutorials. Thank you for your time and expertise. Much appreciated.

  18. Eggbert Herman on June 7, 2020 at 5:27 pm

    Seriously underrated channel, the quality of education is insane! I love that you are actively showing what you are writing looks like on the web page. Also, I love how you explain a bit of background knowledge and context of why things are done the way they are instead of just saying what they are.

  19. Umair Faheem on June 7, 2020 at 5:28 pm

    Thank you so much for making so easy to understand. Everything is perfect from your voice to your content. Just loved it. ❤️

  20. Excel Tips & Tricks on June 7, 2020 at 5:28 pm

    Best content and very easy to understand…keep it up 👍

  21. A b on June 7, 2020 at 5:28 pm

    thank you so much for creating such amazing content

  22. T. Vega on June 7, 2020 at 5:32 pm

    I love your style. Teaching is certainly your gift! Thank you very much!! I trust your JavaScript and Bootstrap tutorials are worth my time 🙂

  23. Cretinoid on June 7, 2020 at 5:32 pm

    Great tutorial mate, subscribed. One suggestion, could you add timestamps?

  24. Pids Me on June 7, 2020 at 5:33 pm

    Sensei thank you!

  25. 2Cool4Games on June 7, 2020 at 5:34 pm

    This is truly amazing. I like the pace of learning. Other tutorials out there take 20 minutes on something that should be taught in 1 minute. I admire you for your teaching skills on YouTube. Not many people are good teachers. You’re a great teacher.

  26. Kunndi2008 on June 7, 2020 at 5:36 pm

    Very nicely done! Your teaching skills are amazing and so are your videos! Thanks!!

  27. Eyoel Abrham on June 7, 2020 at 5:36 pm

    thank you very help ful

  28. Ilirian Luta on June 7, 2020 at 5:37 pm

    19:09 And that’s what the American Revolutionary War was about.

  29. Ali Lemo on June 7, 2020 at 5:40 pm

    literally the best

  30. thana mesny on June 7, 2020 at 5:40 pm

    I just want to say that I really love your tutorials they are soo helpful and you explain things so well. Thank you for taking the time to create these videos! I really appreciate it!

  31. esantiago808 on June 7, 2020 at 5:40 pm

    Great job! Quick and easy to understand. Great refresher for someone like me that hasn’t touched html in ## years :>

  32. Bill Thompson on June 7, 2020 at 5:41 pm

    I still can’t understand the purpose of the "name" and ”value”
    Please help me

  33. Catherine Roy on June 7, 2020 at 5:41 pm

    So refreshing to hear a tutorial where we are not merely exposed to content, but taught terms, strategy/implementation, and more! Thanks!

  34. Hamza Ait Kadour on June 7, 2020 at 5:44 pm

    Thank you so much ninja!

  35. Deepak Dhingra on June 7, 2020 at 5:45 pm

    Why don’t you create html5 and css3 comprehensive course on udemy??

  36. Oporto Fado on June 7, 2020 at 5:46 pm

    Thanks a lot for sgiving high quality content for free!

  37. Pearson limo Services Toronto limousine on June 7, 2020 at 5:46 pm

    OMG your way of teaching is Excellent, I have paid $2500 for HTML and CSS but the way you teach nobody can touch that’s hats off to you sir

  38. Abhinav Anand on June 7, 2020 at 5:47 pm

    Thanks for the wonderful videos. They are super helpful. May god bless you with immense joy !

  39. Miriam Schaefer on June 7, 2020 at 5:48 pm

    Great video, I’m learning so much! How cool with the ALT – click to write on several lines at the same type and also never knew that text areas could be adjusted, will have to keep that in mind when I run across them! Thanks a lot

  40. Miguel Noriega on June 7, 2020 at 5:49 pm

    Love your videos, thanks!

  41. Aleksandar Mitrevski on June 7, 2020 at 5:53 pm

    what was the shortcut to get the rest of the element? Like when you type on the keyboard Tab and you get the tag and closing tag in VSCode ?
    Btw this tutorial series are great I learned so much from them. Amazing job

  42. Diego Villamil on June 7, 2020 at 5:55 pm

    This is what I call an excellent tutorial, thank you so much for making it look so easy man, great video tutorial!

  43. remaz hamed on June 7, 2020 at 5:56 pm

    thank you so much ur helping me in my career

  44. Yomna Kamal on June 7, 2020 at 5:56 pm

    Literally one of the best tutorials out there. thanks dude!!!

  45. María Malo de Molina Falcón on June 7, 2020 at 5:58 pm

    Love it! You have a new subscriber!
    Can anyone explain me what’s the difference between placing the <label> tag after the <input type"radio"> tag from placing it before as he did at the beginning with the <input type="text"> tag? I don’t understand the "effect" or "consequence" of it. Is it important? Thank you!

  46. khryl on June 7, 2020 at 5:59 pm

    thanks a lot youre doing amazing work

  47. Mustafa Birsoz on June 7, 2020 at 6:00 pm

    The real ninja

  48. Creative Sequence on June 7, 2020 at 6:02 pm

    Can you please upload all the modern JavaScript course here in YouTube because i cannot buy from udemy please

  49. Miriam Schaefer on June 7, 2020 at 6:04 pm

    Definitely like your teaching style, to the point, funny, thank you, still hanging in there.

  50. Taha M on June 7, 2020 at 6:05 pm

    Thank you Mr. Carrot, these tutorial videos have been amazing!

Leave a Comment