HTML & CSS Crash Course Tutorial #3 - HTML Forms

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ค. 2019
  • 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 - code.visualstudio.com/
    🐱‍💻 🐱‍💻 Other Related Courses:
    + Modern JavaScript Tutorial - www.thenetninja.co.uk/udemy/m...

ความคิดเห็น • 252

  • @catherineroy2480
    @catherineroy2480 4 ปีที่แล้ว +191

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

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +4

      Thanks so much :)

    • @mrob456
      @mrob456 4 ปีที่แล้ว +7

      Right, So many tutorials go "here is a function" and they show you how to write a function, and never ever show you how, where and why to use the function. Its always good to show a good frame of reference.

    • @arunhembram1859
      @arunhembram1859 4 ปีที่แล้ว +3

      @@mrob456 You are right.

  • @2Cool4Games
    @2Cool4Games 5 ปีที่แล้ว +198

    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 TH-cam. Not many people are good teachers. You're a great teacher.

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +13

      Thanks so much :)

    • @catastrophiccarrots5626
      @catastrophiccarrots5626 4 ปีที่แล้ว

      @@NetNinja Help please. My submit button does nothing this is the code i put:
      Login / Signup
      Sign Up!

      Enter username!


      Enter your Email


      Create a Password!


      Select your gender:

      Male

      Female

      Other
      Select your age:

      0-10

      10-18

      19-30

      31-40

      41-50

      51-60

      61+

      Security Questions

      Whats your favourite colour?
      What's your favourite pet's name?
      If you could be any vegetable, what woud you be?


      Security question answer



      Comment:




      help please

    • @YUBEN12
      @YUBEN12 4 ปีที่แล้ว

      @@catastrophiccarrots5626 Your tag is incorrect, it should be (without the s)

    • @yeegziabihererdata4341
      @yeegziabihererdata4341 3 ปีที่แล้ว

      @@catastrophiccarrots5626 change form to

    • @adhamqodirov8640
      @adhamqodirov8640 3 ปีที่แล้ว

      @@catastrophiccarrots5626 you need to add action method to your form

  • @vampirethespiderbatgod9740
    @vampirethespiderbatgod9740 2 ปีที่แล้ว +15

    16:15 "To cover all that in one series, especially for a new developer; it could be off putting and daunting."
    VERY well put. This is why people often lose interest if something is thrown at them all at once. I'm glad you acknowledge that. This is one of the many things that make you a great teacher, Ninja.

  • @briankasmara7119
    @briankasmara7119 4 ปีที่แล้ว +76

    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.

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +4

      Thanks so much :)

  • @pearsonlimoservicestoronto7272
    @pearsonlimoservicestoronto7272 4 ปีที่แล้ว +5

    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

  • @karnetgraphics7923
    @karnetgraphics7923 หลายเดือนก่อน +1

    Found this site a few days ago, the addiction i have now is nothing esle compared to anything. Am glad am here learning from the best teacher. Kuddos amazing Tutorials.

  • @cardinaldom574
    @cardinaldom574 4 ปีที่แล้ว +6

    NINJA MASTER. You are the only black belt holder on TH-cam. 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.

  • @allisonjonesphelps2860
    @allisonjonesphelps2860 3 ปีที่แล้ว +4

    Thank you! I am a beginning coder and am decidedly intimidated. These tutorials are truly for newbies and do not bombard you with new information (something which I am struggling to find elsewhere). You're a great teacher.

  • @ketz108932
    @ketz108932 3 ปีที่แล้ว +4

    That was exceptional... Hands Down the best tutorial on HTML and CSS of the whole TH-cam Game...

  • @thanamesny7807
    @thanamesny7807 4 ปีที่แล้ว +2

    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!

  • @SharronV
    @SharronV 4 ปีที่แล้ว +3

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

  • @oleksandrsennik325
    @oleksandrsennik325 2 ปีที่แล้ว +9

    listening to you and repeating your actions is a real pleasure. This is the most absorbent IT material that I have come across in two months of self-study. Net Ninja, thank you so much! 🙏

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว +3

      You're very welcome Oleksandr :) thanks for the support!

  • @leeskies329
    @leeskies329 ปีที่แล้ว +1

    You're amazing! What they teach in uni for two days you manage to pass on successfully in one lesson of 20 to 40 mins. You should be getting a medal of honour or something!

  • @GR-dl3eq
    @GR-dl3eq 10 หลายเดือนก่อน +2

    Wow, I've watched tons of tutorials and completed mini projects, but I have never learned so much in 30 minutes as I have here. You are a phenomenal teacher - Thank you so much!

  • @abdulshadid7067
    @abdulshadid7067 5 ปีที่แล้ว +26

    This has actually helped me out so much!
    THANK YOU SO MUCH for making these vids man!!

    • @NetNinja
      @NetNinja  5 ปีที่แล้ว +5

      Awesome, so glad they helped :)

    • @mattstockmal8167
      @mattstockmal8167 4 ปีที่แล้ว +1

      You are in for a ride, this is THE hidden gem of web development :)

  • @diegovillamil7999
    @diegovillamil7999 4 ปีที่แล้ว +14

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

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      Thanks so much :)

  • @dr.olusolaolaniyi3022
    @dr.olusolaolaniyi3022 2 ปีที่แล้ว +5

    Net Ninja, you are indeed a great teacher! You made it so relaxing, easy and fun to learn coding. I respect you!

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว +1

      Thank you Dr. - much appreciated! :)

  • @davidallsopp4030
    @davidallsopp4030 4 ปีที่แล้ว

    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!

  • @thedeparted_one
    @thedeparted_one 2 ปีที่แล้ว

    You, sir, are great at teaching. Also, you display a discreet sense of humor that makes your videos wonderful. Thank you very much!

  • @robclaes8362
    @robclaes8362 5 ปีที่แล้ว +9

    Thank you very much for these videos, I'm a fan!!

  • @icebeardoesnttalkmuch8919
    @icebeardoesnttalkmuch8919 5 ปีที่แล้ว +3

    Best tutorials on the internet. This guy should be a global teacher for web development.

    • @joshuajurado2565
      @joshuajurado2565 5 ปีที่แล้ว

      Shahzy B have u tried his udemy course?

  • @Kunndi2008
    @Kunndi2008 4 ปีที่แล้ว +5

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

  • @thinker-o5p
    @thinker-o5p 2 ปีที่แล้ว

    till now the best explaination on html5, the way you divide concepts and explain those is too good. thanks for such a good content

  • @yatharth7940
    @yatharth7940 3 ปีที่แล้ว +2

    Your content is truly appreciable , and it is helping me a lot. Great work!

  • @abrahamb.freeman4987
    @abrahamb.freeman4987 3 ปีที่แล้ว +2

    Honestly speaking, you're an amazing teacher, thanks a lot.

  • @alexzil2142
    @alexzil2142 4 ปีที่แล้ว +2

    this is really great.... the way u teach is seriously amazing and i'm liking the pace at which u teach. This is the best tutorial i've seen so far on youtube. And the text editor is so amazing, i was using notepad ++ before which slows me down. Keep up the good work.

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +1

      Thanks Alex :)

  • @carpathianshepherdess4990
    @carpathianshepherdess4990 4 ปีที่แล้ว +2

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

  • @techpastor336
    @techpastor336 4 ปีที่แล้ว

    My first time watching your course and I can attest that this is so deep yet delivered in a simple way. Thank you! Let me watch the other tutorials. I subbed, liked, and will turn on the adverts on your channel and watch each one - just to show my appreciation.

  • @yomnakamal4988
    @yomnakamal4988 4 ปีที่แล้ว

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

  • @umairfaheem2358
    @umairfaheem2358 4 ปีที่แล้ว +1

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

  • @electricalstuff259
    @electricalstuff259 ปีที่แล้ว

    I have never seen this topic explained so clearly.
    One of the problems with developers and IT in general is they explain things as if some things are just obvious, because they are, to them. I tried to watch a video about infrastructure as code and the guy just rambled on about it as if everyone had experience yet it was a video to explain what it was.
    This video series so far assumes you know nothing about how basically anything works and it's refreshingly helpful. Subbed.

  • @ARTdeas
    @ARTdeas 4 ปีที่แล้ว

    Unbelievable tutorial, this is what is a true tutorial every question in my mind is answer every time you do a coding

  • @miriammiriamxoxo
    @miriammiriamxoxo 4 ปีที่แล้ว

    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

  • @miriammiriamxoxo
    @miriammiriamxoxo 4 ปีที่แล้ว

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

  • @Mojzu
    @Mojzu 5 ปีที่แล้ว +4

    you are doing amazing courses, thanks!

  • @ofranc6204
    @ofranc6204 2 ปีที่แล้ว

    Thank you for the content. Your teaching style is amazing. Easily one of the best on the Web. 🙏🏾👌🏾

  • @rohitmathur9723
    @rohitmathur9723 4 ปีที่แล้ว

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

  • @ahmadalharbi9097
    @ahmadalharbi9097 5 ปีที่แล้ว +6

    Thank you so much for these videos , you are the best :)

  • @Gamerbay2017
    @Gamerbay2017 ปีที่แล้ว +4

    I'm doing a Certificate IV in Information Technology (Web Development), and they literally use your videos as course resources! Great videos!

    • @NetNinja
      @NetNinja  ปีที่แล้ว +2

      Aha, that's awesome Bailey!

    • @StaticBlaster
      @StaticBlaster ปีที่แล้ว

      Awesome profile pic. I love Evanescence!

    • @Gamerbay2017
      @Gamerbay2017 ปีที่แล้ว +1

      @@StaticBlaster 🤘

  • @taham8884
    @taham8884 4 ปีที่แล้ว

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

  • @killarfridge
    @killarfridge 2 ปีที่แล้ว

    this channel is just the best thing in existence

  • @enami8888
    @enami8888 10 หลายเดือนก่อน

    thank you so much for your explanation, its hard to find someone who explain simply those concept, youre a great teacher, keep the good work 😀

  • @gavaranreaved.8852
    @gavaranreaved.8852 2 ปีที่แล้ว

    As a college student I really appreciate this video, I learned so many things by just watching 31 mins video. I usually fall asleep in class my eyes didn't last 20 mins lol, but anyway you though this tutorial very well thank you! sadly this tutorial never thought us on the class.

  • @rosalyylantigua3872
    @rosalyylantigua3872 2 ปีที่แล้ว

    this was the most useful form turtorial ive seen by far. THank you

  • @joke4ey431
    @joke4ey431 2 ปีที่แล้ว

    I fancy watching and learning from this course. Hats off ;)

  • @reemaz803
    @reemaz803 4 ปีที่แล้ว +10

    thank you so much ur helping me in my career

  • @rithvikbhat6860
    @rithvikbhat6860 3 ปีที่แล้ว

    This was a great refresher course. Thank you so much. 😀👍🏻

  • @miguelnoriega8420
    @miguelnoriega8420 4 ปีที่แล้ว +2

    Love your videos, thanks!

  • @ramzyabdul185
    @ramzyabdul185 6 หลายเดือนก่อน

    It's 4 years ago this was posted.. and here I'm watching and benefitting from ur best teaching and explaining skills... I want to learn everything from ur tutorial lessons 🎉😎💪💯

  • @sanawber
    @sanawber 3 ปีที่แล้ว +2

    Ohh Your Explanation is good and understood 👏
    thanks brother for this playlist I learn well from you really :)
    keep going like this ❤️️
    Greetings From Morocco 🇲🇦

  • @jeffilaguison4597
    @jeffilaguison4597 3 ปีที่แล้ว

    Watching ur tutorials to refresh my mind for it. Great tutorial BTW

  • @sucesssoulman
    @sucesssoulman 4 ปีที่แล้ว

    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

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      Thanks a lot! :)

  • @augustineovoyeroroegogo9391
    @augustineovoyeroroegogo9391 2 ปีที่แล้ว

    i am so glad having so much knowledge on HTMLCSS

  • @bro939
    @bro939 2 ปีที่แล้ว

    i don't think can i find better than you .. you the best one thank you for all this information

  • @annoyingprecision2487
    @annoyingprecision2487 5 หลายเดือนก่อน

    Marvelous explanation mate! Thanks a ton.

  • @raymondsure4437
    @raymondsure4437 ปีที่แล้ว

    Yoo tnx dude, everytNice tutorialng works. I LIKE IT

  • @yinonb172
    @yinonb172 2 ปีที่แล้ว

    Best HTML & CSS Tutorial, explanations are greats and brights.

  • @shantisharma7217
    @shantisharma7217 2 ปีที่แล้ว +1

    Best Html Tutorial I have come across:)

  • @Shakeel714
    @Shakeel714 3 ปีที่แล้ว

    Great explanation of html and css topics, thanks Shaun Pelling.

  • @julieboi8360
    @julieboi8360 3 ปีที่แล้ว +1

    Subscribed!! You are such a great teacher. The explanation is impeccable.

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว

      Thanks so much :)

  • @str8gamer964
    @str8gamer964 2 ปีที่แล้ว

    going to spend a few days doing all of this beofr emoving on thank you so much

  • @milesturner7594
    @milesturner7594 2 ปีที่แล้ว

    Very good - better than a lot of paid-for content. Fast-paced; you have to concentrate; good stuff. You're an unusually good teacher

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      Thank you for the kind words Miles :)

  • @StaticBlaster
    @StaticBlaster ปีที่แล้ว +1

    I reckon I don't need to subscribe to a myriad of web dev channels, but I did subscribe to yours because you explain everything in great detail, depth, and in a very thorough manner. I also subscribed to the new Boston and free code camp. There's no point in beating a dead horse. I've already built a ton of basic html pages with the integration of basic CSS such as text color, background color, table styling, lists styling, border styling, etc. I still need to understand html forms backwards and forwards and then move on to the more intermediate features of CSS and then the advanced stuff such as animations, translations, rotations, etc. Then from there, JavaScript, React, and maybe jQuery. And at that point, I could probably start looking for front end jobs. I eventually want to learn the server side but I can probably learn that on the job and eventually become a full stack developer.

  • @Behemoth5949
    @Behemoth5949 2 ปีที่แล้ว

    Luv your accent and the way you explain things . Ty so much !

  • @henrykhondowe587
    @henrykhondowe587 3 ปีที่แล้ว

    You are truly amazing I have never met a best tutor like you thankyou very much🙏🙏🙏

  • @oportofado3684
    @oportofado3684 4 ปีที่แล้ว

    Thanks a lot for sgiving high quality content for free!

  • @Gold_fi
    @Gold_fi 5 ปีที่แล้ว +2

    ...bought your J.S course in udemy, its great course!

  • @paulasteau4357
    @paulasteau4357 5 ปีที่แล้ว

    You're amazing,the best videos so far in youtube

    • @NetNinja
      @NetNinja  5 ปีที่แล้ว

      Thanks Paula 😊

  • @atenea90s
    @atenea90s 2 ปีที่แล้ว

    This tutorial is amazing!

  • @khryl9347
    @khryl9347 4 ปีที่แล้ว +2

    thanks a lot youre doing amazing work

  • @nigelgrayson-thorne8107
    @nigelgrayson-thorne8107 2 ปีที่แล้ว

    Really enjoying this course. Very clear and great pace. I made a few errors but managed to resolve them and expand the form to suit my specific needs. In my view this is based on the quality of the course. Thanks.
    Can I check if using Apple or Windows is industry standard and if that makes a difference?

  • @SoSo11
    @SoSo11 ปีที่แล้ว

    what a fantastic course well done and easily explained ....❤👍👍👍

  • @anujninjas6777
    @anujninjas6777 3 ปีที่แล้ว

    maza aa gya ek number sir mujhe coding borring lagti thi but after this vedio it is interesting for me

  • @mezieeastking2400
    @mezieeastking2400 11 หลายเดือนก่อน +1

    you're such a great teacher , we need person like you in our day to day environ.

    • @NetNinja
      @NetNinja  11 หลายเดือนก่อน

      Thanks! :) appreciate that

  • @sn6595
    @sn6595 3 ปีที่แล้ว

    Best tutorials ever!

  • @mohittiwari9907
    @mohittiwari9907 3 ปีที่แล้ว

    Thank you so much Net Ninja.. you're the best!! :)

  • @Mayricks
    @Mayricks ปีที่แล้ว

    Grande Master

  • @mohammadmursalin6412
    @mohammadmursalin6412 3 ปีที่แล้ว

    awesome tutorial , all the best!

  • @sanjanabrahmbhatt5464
    @sanjanabrahmbhatt5464 3 ปีที่แล้ว

    thank you so much!!! this helped me immensly!

  • @abubakaronimisitijjani1644
    @abubakaronimisitijjani1644 ปีที่แล้ว

    Great job i liked the way you broke everythng down bit by bit from the basics

    • @NetNinja
      @NetNinja  ปีที่แล้ว

      Thanks, glad it was helpful! :)

  • @Ab-cj6gl
    @Ab-cj6gl 4 ปีที่แล้ว +2

    thank you so much for creating such amazing content

  • @ZardozBeats
    @ZardozBeats 11 หลายเดือนก่อน

    Truly an amazing channel. Thanks for putting in this effort .

    • @NetNinja
      @NetNinja  11 หลายเดือนก่อน

      Thanks :) Glad you enjoy it!

  • @glorymmachi4828
    @glorymmachi4828 2 ปีที่แล้ว

    Thanks you sooo much...Great tutorial!!

  • @larissafarias45
    @larissafarias45 4 ปีที่แล้ว +1

    you're amazing!!

  • @_yakhyo_nazarov
    @_yakhyo_nazarov 11 หลายเดือนก่อน

    Thank you for your full course)

  • @esantiago808
    @esantiago808 4 ปีที่แล้ว

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

  • @shokzlion332
    @shokzlion332 3 ปีที่แล้ว

    Thank you for the content it is easy language to understand and in right paste.

  • @dryoldcrabman6890
    @dryoldcrabman6890 5 ปีที่แล้ว +2

    This is great. Can you do a video on drop downs with css and pure JavaScript. I don't mean using using bootstrap I mean how do you do that kind of stuff with just java Script. Also I want to get a coffee mig. Looks cool.

  • @mariopizzaro
    @mariopizzaro 2 ปีที่แล้ว

    Thanks a lot Ninja !

  • @viveksharma-st1cu
    @viveksharma-st1cu 3 ปีที่แล้ว

    U r really amazing ❤️
    Thank you 3000!!!

  • @micah_9033
    @micah_9033 ปีที่แล้ว

    I really like how simple and clear you explain each detail. For a beginner like me, you taught so much better than my prof at campus. HAHAAH

    • @NetNinja
      @NetNinja  ปีที่แล้ว

      You're very welcome! :) thanks for watching

  • @tn9753
    @tn9753 3 ปีที่แล้ว

    Excellent. Thank you.

  • @muuuuha
    @muuuuha 3 ปีที่แล้ว

    This is fantastic

  • @toddalligood3720
    @toddalligood3720 2 ปีที่แล้ว

    Gracias Amigo!!! Great vid!!!

  • @kawtherhdj4367
    @kawtherhdj4367 3 ปีที่แล้ว

    thanks soooooo much very cool to see your video so Understandable

  • @ehtashamather6574
    @ehtashamather6574 4 ปีที่แล้ว

    amazing dude you are a real ninja

  • @shathahameedalkayal7190
    @shathahameedalkayal7190 2 ปีที่แล้ว

    many thanks it's really amazing course

  • @aksahoo7416
    @aksahoo7416 ปีที่แล้ว +2

    Nice brother this video seriously very informative and hence I am beginner it provide me such a great hope towards my goal.again thanks very much for these valuable videos

    • @NetNinja
      @NetNinja  ปีที่แล้ว +1

      That's awesome to hear :) keep it up and have fun!!

  • @ephraimmotho887
    @ephraimmotho887 ปีที่แล้ว

    This is sooooo gooood!!!!

  • @aminedrouche5465
    @aminedrouche5465 2 ปีที่แล้ว

    this took me 3 days to complete it lol =D
    thank you brother