Тёмный

HTML & CSS Crash Course Tutorial #3 - HTML Forms 

Net Ninja
Подписаться 1,4 млн
Просмотров 309 тыс.
50% 1

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...

Опубликовано:

 

10 июл 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 250   
@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 4 года назад
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 RU-vid. Not many people are good teachers. You're a great teacher.
@NetNinja
@NetNinja 4 года назад
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 3 года назад
@@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
@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 :)
@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.
@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 RU-vid. 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 7 месяцев назад
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 6 месяцев назад
absolutly
@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.
@ketz108932
@ketz108932 3 года назад
That was exceptional... Hands Down the best tutorial on HTML and CSS of the whole RU-vid Game...
@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!
@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 :)
@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!
@icebeardoesnttalkmuch8919
@icebeardoesnttalkmuch8919 4 года назад
Best tutorials on the internet. This guy should be a global teacher for web development.
@joshuajurado2565
@joshuajurado2565 4 года назад
Shahzy B have u tried his udemy course?
@ramzyabdul185
@ramzyabdul185 3 месяца назад
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 🎉😎💪💯
@abdulshadid7067
@abdulshadid7067 4 года назад
This has actually helped me out so much! THANK YOU SO MUCH for making these vids man!!
@NetNinja
@NetNinja 4 года назад
Awesome, so glad they helped :)
@mattstockmal8167
@mattstockmal8167 4 года назад
You are in for a ride, this is THE hidden gem of web development :)
@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
@oleksandrsennik325
@oleksandrsennik325 Год назад
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 Год назад
You're very welcome Oleksandr :) thanks for the support!
@ARTdeas
@ARTdeas 3 года назад
Unbelievable tutorial, this is what is a true tutorial every question in my mind is answer every time you do a coding
@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!
@shishirjha1117
@shishirjha1117 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
@abrahamb.freeman4987
@abrahamb.freeman4987 3 года назад
Honestly speaking, you're an amazing teacher, thanks a lot.
@yatharth7940
@yatharth7940 3 года назад
Your content is truly appreciable , and it is helping me a lot. Great work!
@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! :)
@carpathianshepherdess4990
@carpathianshepherdess4990 4 года назад
Thank you! I've been struggling a bit with forms and this video has cleared it all up ^_^
@techpastor336
@techpastor336 3 года назад
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.
@Kunndi2008
@Kunndi2008 4 года назад
Very nicely done! Your teaching skills are amazing and so are your videos! Thanks!!
@umairfaheem2358
@umairfaheem2358 4 года назад
Thank you so much for making so easy to understand. Everything is perfect from your voice to your content. Just loved it. ❤️
@yomnakamal4988
@yomnakamal4988 4 года назад
Literally one of the best tutorials out there. thanks dude!!!
@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 :)
@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!
@miriammiriamxoxo
@miriammiriamxoxo 4 года назад
Definitely like your teaching style, to the point, funny, thank you, still hanging in there.
@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 🤘
@rohitmathur9723
@rohitmathur9723 4 года назад
This is just great..!! Your style of teaching is so amazing..!!
@robclaes8362
@robclaes8362 4 года назад
Thank you very much for these videos, I'm a fan!!
@Mojzu
@Mojzu 4 года назад
you are doing amazing courses, thanks!
@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.
@ofranc6204
@ofranc6204 2 года назад
Thank you for the content. Your teaching style is amazing. Easily one of the best on the Web. 🙏🏾👌🏾
@alexzil2142
@alexzil2142 3 года назад
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 3 года назад
Thanks Alex :)
@augustineovoyeroroegogo9391
i am so glad having so much knowledge on HTMLCSS
@reemaz803
@reemaz803 4 года назад
thank you so much ur helping me in my career
@taham8884
@taham8884 4 года назад
Thank you Mr. Carrot, these tutorial videos have been amazing!
@rosalyylantigua3872
@rosalyylantigua3872 2 года назад
this was the most useful form turtorial ive seen by far. THank you
@enami8888
@enami8888 8 месяцев назад
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 😀
@rithvikbhat6860
@rithvikbhat6860 3 года назад
This was a great refresher course. Thank you so much. 😀👍🏻
@jeffilaguison4597
@jeffilaguison4597 3 года назад
Watching ur tutorials to refresh my mind for it. Great tutorial BTW
@joke4ey431
@joke4ey431 2 года назад
I fancy watching and learning from this course. Hats off ;)
@Shakeel714
@Shakeel714 3 года назад
Great explanation of html and css topics, thanks Shaun Pelling.
@killarfridge
@killarfridge Год назад
this channel is just the best thing in existence
@ahmadalharbi9097
@ahmadalharbi9097 4 года назад
Thank you so much for these videos , you are the best :)
@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.
@bro939
@bro939 2 года назад
i don't think can i find better than you .. you the best one thank you for all this information
@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?
@yinonb172
@yinonb172 2 года назад
Best HTML & CSS Tutorial, explanations are greats and brights.
@henrykhondowe587
@henrykhondowe587 2 года назад
You are truly amazing I have never met a best tutor like you thankyou very much🙏🙏🙏
@str8gamer964
@str8gamer964 2 года назад
going to spend a few days doing all of this beofr emoving on thank you so much
@mezieeastking2400
@mezieeastking2400 8 месяцев назад
you're such a great teacher , we need person like you in our day to day environ.
@NetNinja
@NetNinja 8 месяцев назад
Thanks! :) appreciate that
@Gold_fi
@Gold_fi 4 года назад
...bought your J.S course in udemy, its great course!
@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.
@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! :)
@anujninjas6777
@anujninjas6777 3 года назад
maza aa gya ek number sir mujhe coding borring lagti thi but after this vedio it is interesting for me
@annoyingprecision2487
@annoyingprecision2487 3 месяца назад
Marvelous explanation mate! Thanks a ton.
@SoSo11
@SoSo11 Год назад
what a fantastic course well done and easily explained ....❤👍👍👍
@Behemoth5949
@Behemoth5949 2 года назад
Luv your accent and the way you explain things . Ty so much !
@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 🇲🇦
@shantisharma7217
@shantisharma7217 2 года назад
Best Html Tutorial I have come across:)
@mohammadmursalin6412
@mohammadmursalin6412 3 года назад
awesome tutorial , all the best!
@khryl9347
@khryl9347 4 года назад
thanks a lot youre doing amazing work
@milesturner7594
@milesturner7594 Год назад
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 Год назад
Thank you for the kind words Miles :)
@julieboi8360
@julieboi8360 2 года назад
Subscribed!! You are such a great teacher. The explanation is impeccable.
@NetNinja
@NetNinja 2 года назад
Thanks so much :)
@ZardozBeats
@ZardozBeats 9 месяцев назад
Truly an amazing channel. Thanks for putting in this effort .
@NetNinja
@NetNinja 9 месяцев назад
Thanks :) Glad you enjoy it!
@oportofado3684
@oportofado3684 4 года назад
Thanks a lot for sgiving high quality content for free!
@raymondsure4437
@raymondsure4437 Год назад
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
@abubakaronimisitijjani1644
@abubakaronimisitijjani1644 9 месяцев назад
Great job i liked the way you broke everythng down bit by bit from the basics
@NetNinja
@NetNinja 9 месяцев назад
Thanks, glad it was helpful! :)
@CodingGeeek
@CodingGeeek 3 года назад
It will be a great oppurtunity all of us.If this web development playlist is updated.
@_yakhyo_nazarov
@_yakhyo_nazarov 8 месяцев назад
Thank you for your full course)
@paulasteau4357
@paulasteau4357 4 года назад
You're amazing,the best videos so far in youtube
@NetNinja
@NetNinja 4 года назад
Thanks Paula 😊
@AleksandarMitrevski
@AleksandarMitrevski 4 года назад
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
@PhilipJones
@PhilipJones 3 года назад
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.
@Ab-cj6gl
@Ab-cj6gl 4 года назад
thank you so much for creating such amazing content
@miguelnoriega8420
@miguelnoriega8420 4 года назад
Love your videos, thanks!
@atenea90s
@atenea90s 2 года назад
This tutorial is amazing!
@mohittiwari9907
@mohittiwari9907 3 года назад
Thank you so much Net Ninja.. you're the best!! :)
@syedabneali2031
@syedabneali2031 4 года назад
sir you are an angel for me I love you your voice your way of telling :).. sir i have a question and i know little bit about html and css if i pause your video can i check your php back end video in which you are creating same form like these and making back end please reply me
@shokzlion332
@shokzlion332 3 года назад
Thank you for the content it is easy language to understand and in right paste.
@Mayricks
@Mayricks Год назад
Grande Master
@micah_9033
@micah_9033 10 месяцев назад
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 10 месяцев назад
You're very welcome! :) thanks for watching
@dryoldcrabman6890
@dryoldcrabman6890 4 года назад
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.
@aminedrouche5465
@aminedrouche5465 2 года назад
this took me 3 days to complete it lol =D thank you brother
@esantiago808
@esantiago808 4 года назад
Great job! Quick and easy to understand. Great refresher for someone like me that hasn't touched html in ## years :>
@aksahoo7416
@aksahoo7416 10 месяцев назад
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 10 месяцев назад
That's awesome to hear :) keep it up and have fun!!
@viveksharma-st1cu
@viveksharma-st1cu 3 года назад
U r really amazing ❤️ Thank you 3000!!!
@sanjanabrahmbhatt5464
@sanjanabrahmbhatt5464 2 года назад
thank you so much!!! this helped me immensly!
@sn6595
@sn6595 3 года назад
Best tutorials ever!
@ehtashamather6574
@ehtashamather6574 4 года назад
amazing dude you are a real ninja
@shathahameedalkayal7190
@shathahameedalkayal7190 2 года назад
many thanks it's really amazing course
@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
@glorymmachi4828
@glorymmachi4828 2 года назад
Thanks you sooo much...Great tutorial!!
@neaadi2566
@neaadi2566 2 года назад
One question. Do you teach how can we host after we finish?
@kawtherhdj4367
@kawtherhdj4367 3 года назад
thanks soooooo much very cool to see your video so Understandable
@tn9753
@tn9753 3 года назад
Excellent. Thank you.