No video

HTML & CSS Crash Course Tutorial #3 - HTML Forms

  Рет қаралды 326,303

Net Ninja

Net Ninja

Күн бұрын

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.visualstu...
🐱‍💻 🐱‍💻 Other Related Courses:
+ Modern JavaScript Tutorial - www.thenetninj...

Пікірлер: 251
@catherineroy2480
@catherineroy2480 4 жыл бұрын
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 жыл бұрын
Thanks so much :)
@mrob456
@mrob456 4 жыл бұрын
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 жыл бұрын
@@mrob456 You are right.
@2Cool4Games
@2Cool4Games 5 жыл бұрын
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 KZfaq. Not many people are good teachers. You're a great teacher.
@NetNinja
@NetNinja 5 жыл бұрын
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 жыл бұрын
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 жыл бұрын
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 жыл бұрын
Thanks so much :)
@karnetgraphics7923
@karnetgraphics7923 Ай бұрын
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.
@pearsonlimoservicestoronto7272
@pearsonlimoservicestoronto7272 4 жыл бұрын
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
@cardinaldom574
@cardinaldom574 4 жыл бұрын
NINJA MASTER. You are the only black belt holder on KZfaq. 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.
@GR-dl3eq
@GR-dl3eq 11 ай бұрын
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!
@AbubakarSMusa
@AbubakarSMusa 9 ай бұрын
absolutly
@dr.olusolaolaniyi3022
@dr.olusolaolaniyi3022 2 жыл бұрын
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 жыл бұрын
Thank you Dr. - much appreciated! :)
@oleksandrsennik325
@oleksandrsennik325 2 жыл бұрын
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 жыл бұрын
You're very welcome Oleksandr :) thanks for the support!
@icebeardoesnttalkmuch8919
@icebeardoesnttalkmuch8919 5 жыл бұрын
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?
@ketz108932
@ketz108932 3 жыл бұрын
That was exceptional... Hands Down the best tutorial on HTML and CSS of the whole KZfaq Game...
@allisonjonesphelps2860
@allisonjonesphelps2860 3 жыл бұрын
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.
@Gamerbay2017
@Gamerbay2017 Жыл бұрын
I'm doing a Certificate IV in Information Technology (Web Development), and they literally use your videos as course resources! Great videos!
@NetNinja
@NetNinja Жыл бұрын
Aha, that's awesome Bailey!
@StaticBlaster
@StaticBlaster Жыл бұрын
Awesome profile pic. I love Evanescence!
@Gamerbay2017
@Gamerbay2017 Жыл бұрын
@@StaticBlaster 🤘
@abdulshadid7067
@abdulshadid7067 5 жыл бұрын
This has actually helped me out so much! THANK YOU SO MUCH for making these vids man!!
@NetNinja
@NetNinja 5 жыл бұрын
Awesome, so glad they helped :)
@mattstockmal8167
@mattstockmal8167 4 жыл бұрын
You are in for a ride, this is THE hidden gem of web development :)
@leeskies329
@leeskies329 Жыл бұрын
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!
@diegovillamil7999
@diegovillamil7999 4 жыл бұрын
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 :)
@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.
@abrahamb.freeman4987
@abrahamb.freeman4987 3 жыл бұрын
Honestly speaking, you're an amazing teacher, thanks a lot.
@thanamesny7807
@thanamesny7807 4 жыл бұрын
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!
@alexzil2142
@alexzil2142 4 жыл бұрын
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 жыл бұрын
Thanks Alex :)
@SharronV
@SharronV 4 жыл бұрын
I love your style. Teaching is certainly your gift! Thank you very much!! I trust your JavaScript and Bootstrap tutorials are worth my time :)
@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.
@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 🎉😎💪💯
@Kunndi2008
@Kunndi2008 4 жыл бұрын
Very nicely done! Your teaching skills are amazing and so are your videos! Thanks!!
@StaticBlaster
@StaticBlaster Жыл бұрын
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.
@mezieeastking2400
@mezieeastking2400 Жыл бұрын
you're such a great teacher , we need person like you in our day to day environ.
@NetNinja
@NetNinja Жыл бұрын
Thanks! :) appreciate that
@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!
@enami8888
@enami8888 11 ай бұрын
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 😀
@carpathianshepherdess4990
@carpathianshepherdess4990 4 жыл бұрын
Thank you! I've been struggling a bit with forms and this video has cleared it all up ^_^
@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 жыл бұрын
Your content is truly appreciable , and it is helping me a lot. Great work!
@sanawber
@sanawber 3 жыл бұрын
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 🇲🇦
@killarfridge
@killarfridge 2 жыл бұрын
this channel is just the best thing in existence
@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
@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!
@robclaes8362
@robclaes8362 5 жыл бұрын
Thank you very much for these videos, I'm a fan!!
@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
@aksahoo7416
@aksahoo7416 Жыл бұрын
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 Жыл бұрын
That's awesome to hear :) keep it up and have fun!!
@rosalyylantigua3872
@rosalyylantigua3872 2 жыл бұрын
this was the most useful form turtorial ive seen by far. THank you
@bro939
@bro939 2 жыл бұрын
i don't think can i find better than you .. you the best one thank you for all this information
@augustineovoyeroroegogo9391
@augustineovoyeroroegogo9391 2 жыл бұрын
i am so glad having so much knowledge on HTMLCSS
@anujninjas6777
@anujninjas6777 3 жыл бұрын
maza aa gya ek number sir mujhe coding borring lagti thi but after this vedio it is interesting for me
@shantisharma7217
@shantisharma7217 2 жыл бұрын
Best Html Tutorial I have come across:)
@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 :)
@joke4ey431
@joke4ey431 3 жыл бұрын
I fancy watching and learning from this course. Hats off ;)
@CompoundBenzene
@CompoundBenzene 4 жыл бұрын
Thank you so much for making so easy to understand. Everything is perfect from your voice to your content. Just loved it. ❤️
@ofranc6204
@ofranc6204 2 жыл бұрын
Thank you for the content. Your teaching style is amazing. Easily one of the best on the Web. 🙏🏾👌🏾
@yomnakamal4988
@yomnakamal4988 4 жыл бұрын
Literally one of the best tutorials out there. thanks dude!!!
@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! :)
@jeffilaguison4597
@jeffilaguison4597 3 жыл бұрын
Watching ur tutorials to refresh my mind for it. Great tutorial BTW
@Gold_fi
@Gold_fi 5 жыл бұрын
...bought your J.S course in udemy, its great course!
@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! :)
@julieboi8360
@julieboi8360 3 жыл бұрын
Subscribed!! You are such a great teacher. The explanation is impeccable.
@NetNinja
@NetNinja 3 жыл бұрын
Thanks so much :)
@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.
@reemaz803
@reemaz803 4 жыл бұрын
thank you so much ur helping me in my career
@yinonb172
@yinonb172 3 жыл бұрын
Best HTML & CSS Tutorial, explanations are greats and brights.
@Mayricks
@Mayricks 2 жыл бұрын
Grande Master
@henrykhondowe587
@henrykhondowe587 3 жыл бұрын
You are truly amazing I have never met a best tutor like you thankyou very much🙏🙏🙏
@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
@ahmadalharbi9097
@ahmadalharbi9097 5 жыл бұрын
Thank you so much for these videos , you are the best :)
@miguelnoriega8420
@miguelnoriega8420 4 жыл бұрын
Love your videos, thanks!
@Shakeel714
@Shakeel714 3 жыл бұрын
Great explanation of html and css topics, thanks Shaun Pelling.
@miriammiriamxoxo
@miriammiriamxoxo 4 жыл бұрын
Definitely like your teaching style, to the point, funny, thank you, still hanging in there.
@Behemoth5949
@Behemoth5949 2 жыл бұрын
Luv your accent and the way you explain things . Ty so much !
@ZardozBeats
@ZardozBeats Жыл бұрын
Truly an amazing channel. Thanks for putting in this effort .
@NetNinja
@NetNinja Жыл бұрын
Thanks :) Glad you enjoy it!
@str8gamer964
@str8gamer964 2 жыл бұрын
going to spend a few days doing all of this beofr emoving on thank you so much
@rohitmathur9723
@rohitmathur9723 4 жыл бұрын
This is just great..!! Your style of teaching is so amazing..!!
@CodingGeeek
@CodingGeeek 4 жыл бұрын
It will be a great oppurtunity all of us.If this web development playlist is updated.
@paulasteau4357
@paulasteau4357 5 жыл бұрын
You're amazing,the best videos so far in youtube
@NetNinja
@NetNinja 5 жыл бұрын
Thanks Paula 😊
@Mojzu
@Mojzu 5 жыл бұрын
you are doing amazing courses, thanks!
@taham8884
@taham8884 4 жыл бұрын
Thank you Mr. Carrot, these tutorial videos have been amazing!
@annoyingprecision2487
@annoyingprecision2487 6 ай бұрын
Marvelous explanation mate! Thanks a ton.
@aminedrouche5465
@aminedrouche5465 2 жыл бұрын
this took me 3 days to complete it lol =D thank you brother
@SoSo11
@SoSo11 2 жыл бұрын
what a fantastic course well done and easily explained ....❤👍👍👍
@raymondsure4437
@raymondsure4437 2 жыл бұрын
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
@PhilipJones
@PhilipJones 4 жыл бұрын
Is there a possibility of you doing a video just on forms. Designing a contact form on a website and the backend portion (using javascript) of it where it goes to your inbox? I really like your teaching style.
@sagargahatraj5196
@sagargahatraj5196 4 жыл бұрын
Am i the only one who learned backend first and next this ...amazing content bro. amaze hows this couldn't be paid ?
@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?
@shazaalbeik1373
@shazaalbeik1373 4 жыл бұрын
Thank you very much, There is an "Auto Save" in VS Code if you want, auto save make my life easy with programming
@dryoldcrabman6890
@dryoldcrabman6890 5 жыл бұрын
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.
@rithvikbhat6860
@rithvikbhat6860 3 жыл бұрын
This was a great refresher course. Thank you so much. 😀👍🏻
@oportofado3684
@oportofado3684 4 жыл бұрын
Thanks a lot for sgiving high quality content for free!
@alilemo2134
@alilemo2134 4 жыл бұрын
literally the best
@NetNinja
@NetNinja 4 жыл бұрын
Thank you :)
@Ab-cj6gl
@Ab-cj6gl 4 жыл бұрын
thank you so much for creating such amazing content
@maxinehutchinson7533
@maxinehutchinson7533 Жыл бұрын
Amazing - excellent teacher!
@NetNinja
@NetNinja Жыл бұрын
Thank you Maxine! :)
@sam4457
@sam4457 Жыл бұрын
great tutorials with Tom Holland vibes😇
@NetNinja
@NetNinja Жыл бұрын
Spidey senses and Ninja senses are very alike!
@mullla1ya
@mullla1ya 3 жыл бұрын
oon-dah-stand. Oh boy I love your british accent
@WTFSprints
@WTFSprints 3 жыл бұрын
PLACEHOLDERS ARE NOT A REPLACEMENT FOR A LABEL. If you do that, someone will sue you for being inaccessible, otherwise great content
@anxhelo2928
@anxhelo2928 4 жыл бұрын
I hope you’re my next year school teacher
@khryl9347
@khryl9347 5 жыл бұрын
thanks a lot youre doing amazing work
@sn6595
@sn6595 3 жыл бұрын
Best tutorials ever!
@user-hx8hr7nq4y
@user-hx8hr7nq4y 9 ай бұрын
superb ninja
@esantiago808
@esantiago808 4 жыл бұрын
Great job! Quick and easy to understand. Great refresher for someone like me that hasn't touched html in ## years :>
@leodragonheart754
@leodragonheart754 4 жыл бұрын
yo, thanks for the guide, you forgot to write down the w3 link in the description XD
@mohittiwari9907
@mohittiwari9907 3 жыл бұрын
Thank you so much Net Ninja.. you're the best!! :)
@steroidterror
@steroidterror Жыл бұрын
good content, will be back for more
@NetNinja
@NetNinja Жыл бұрын
Thanks! :)
@ehtashamather6574
@ehtashamather6574 4 жыл бұрын
amazing dude you are a real ninja
@shokzlion332
@shokzlion332 3 жыл бұрын
Thank you for the content it is easy language to understand and in right paste.
@alohregina8438
@alohregina8438 2 жыл бұрын
Thank you so much for this wonderful explanation..🖒
@NetNinja
@NetNinja 2 жыл бұрын
You're welcome Aloh, hope it was helpful!
HTML & CSS Crash Course Tutorial #4 - CSS Basics
42:38
Net Ninja
Рет қаралды 312 М.
Learn HTML forms in 10+ minutes! 📝
17:55
Bro Code
Рет қаралды 90 М.
هذه الحلوى قد تقتلني 😱🍬
00:22
Cool Tool SHORTS Arabic
Рет қаралды 59 МЛН
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 17 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 87 МЛН
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 210 М.
Learn HTML Forms In 25 Minutes
24:56
Web Dev Simplified
Рет қаралды 967 М.
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,6 МЛН
HTML & CSS Crash Course Tutorial #6 - HTML 5 Semantics
14:14
Net Ninja
Рет қаралды 222 М.
HTML & CSS Crash Course Tutorial #5 - CSS Classes & Selectors
26:27
HTML & CSS Crash Course Tutorial #2 - HTML Basics
19:52
Net Ninja
Рет қаралды 326 М.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН