Тёмный

HTML Forms and Inputs | HTML5 Tutorial for Beginners 

Dave Gray
Подписаться 341 тыс.
Просмотров 39 тыс.
50% 1

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

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 80   
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
When you add forms to your HTML, you are making your web pages interactive. Users will be able to send you information if they choose, and that allows two-way communication instead of just presenting information to the user. There's a lot to learn about HTML forms. In this tutorial, we'll go over many of the basic form inputs as well as how to submit the information to a web server. If you are just getting started with HTML, I recommend starting at the beginning of this HTML for Beginners playlist here: ru-vid.com/group/PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu
@_Rohit_Kumaar
@_Rohit_Kumaar 2 года назад
Dave Gray
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
Rohit, I am honored! And you have applied what you learned - great job! 🙏💯
@CelestialsBnK
@CelestialsBnK Год назад
Very professionally and educationally presented. When you talk, you're not trying to set a speed record, and the room you're in doesn't create an echo. Very good. I will follow your chanel.
@felicialeann547
@felicialeann547 2 года назад
Honestly, each time I finish following along with one of your videos and look at everything, I feel so excited that I'm learning this. Thanks so much!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
That's awesome, Felicia! Keep making progress! 💯🚀
@natnaelgetachew325
@natnaelgetachew325 Год назад
I am very happy to learn this lesson with you. The way you explain HTML tools one by one in each of your lessons, I've started and given up on so many HTML lessons because they were boring, but your lessons are so clear. Thank you very much. But there is still a lesson that I need from you and that is C++ and if you please give a lesson on it in the same way, I would appreciate it.I was looking for it on your channel and lost it.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Thank you - I'm glad I have helped you. C++ is a programming language I do not currently teach. freeCodeCamp has some good tutorials for it though.
@konstantinzakharov5643
@konstantinzakharov5643 Год назад
Finally I feel confident creating HTML forms! I am smashing that like button!
@yatin1370
@yatin1370 9 месяцев назад
Here for a refresher after going through this series some months back. Completed in just 2 days now. Nothing better like Dave's teachings to get back on track! 😎
@Ennla
@Ennla Месяц назад
You are amazing i really was going to give up, until I found your channel, thank you sooo much, I will watch all your videos you are best teacher on RU-vid thank you keep it up 🙏🙏
@KeanuCharlesReeves-c4r
@KeanuCharlesReeves-c4r 8 месяцев назад
Your the best teacher on RU-vid
@gustavogus692
@gustavogus692 2 года назад
Just wanted to say thank you for all the great classes you provide. Exceptional way of teaching! Thanks a lot!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
You're very welcome, Gustavo! 🙏💯
@chidungphan1516
@chidungphan1516 Год назад
Too good lessons to me, Great tutor. What’s about receiving form when I filled out the form after submit. Just like feedback form from customer.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
You need to a server to process the form as we used for the example here. A server could send you an email or you might login to see results from many forms. You learn how to build that in backend web development.
@andygordon6880
@andygordon6880 6 месяцев назад
Fantastic tutorial, absolutely perfect for beginners. Thank you
@tchippat7634
@tchippat7634 Год назад
He is among the best teachers on youtube !!!!
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Thank you!
@Grihlo
@Grihlo 2 года назад
Thanks for another detailed HTML5 lesson! I really enjoy following your explanations. 32:55 - looks like for the checkbox input type all the name attributes must be different. I also checked the examples on MDN website. And in fact in previous section of this video you emphasized that name attribute should be the same for single-choice radio input. As checkbox is multiple choice, name has to be unique if I understood correctly.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
Great question! This is a good discussion to have. I prefer what I have in this example because the form processing will show one heading "pets" with an array of results - you will learn about arrays in Javascript - for example: ["dog","cat","fish"] ...if I name one checkbox dog, another cat, etc... the form processing is cluttered and they are not all identified under one header (pets). Complete the example form the way I did and submit the form to the httpbin.org address. Now change the form to match up the names with dog, cat, fish... instead of pets. Submit the form again and see the difference. 💯
@Grihlo
@Grihlo 2 года назад
@@DaveGrayTeachesCode thanks a lot for the detailed explanation!
@bumbaismail1004
@bumbaismail1004 Год назад
Best Tutorial ever. Thanks from Uganda Africa❤❤❤
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
You're welcome! And hello 👋 to Uganda!
@codingSparrow143
@codingSparrow143 2 года назад
Sir, Is it ok if we use to start form elements from new line instead of wrapping them in ? Btw, Thanks for your tutorials. 👏❤️❤️.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
Yes, you can. After you learn CSS, you may decide to use and set margin rules instead of the . However, is a valid element and can be used.
@codingSparrow143
@codingSparrow143 2 года назад
@@DaveGrayTeachesCode Thank you, Sir. 😊
@ahmedafgooye3427
@ahmedafgooye3427 2 года назад
May be you don't know me! you're my yt teacher always enjoy your web dev courses and learned from u more thank u !
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
You're very welcome! 💯
@homeofqualitymovies8185
@homeofqualitymovies8185 9 месяцев назад
Great Work! Please i would like to see how would style your forms.(semantic elements or divs ?)
@luciendenarend-sculptor3693
@luciendenarend-sculptor3693 8 месяцев назад
Very informative and clear. I don’t know if you answer questions; but I came across your channel because I’m searching how to get rid of unsafe warnings when visitors start to click a field on my form. I think I discovered that it is the “mailto” that is in the code. What must I do to avoid this?
@dinesh3246
@dinesh3246 9 месяцев назад
You deserved a support,but underrated 😢❤
@fairytail6896
@fairytail6896 8 месяцев назад
Excellent video Sir!!!
@kirkb2665
@kirkb2665 Год назад
You've got great content. I really appreciate what you do.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Glad you enjoy it!
@dinesh3246
@dinesh3246 9 месяцев назад
Underrated 😢
@scopeinsurancebrokerage5283
you've a Great teacher .thank you
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
You're welcome!
@estherokiki5894
@estherokiki5894 2 года назад
I love you Dave Gray❤️❤️.... thanks a lot for this video
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
Thank you for the kind words! 🙏🚀
@sakariye.maxamed9090
@sakariye.maxamed9090 Год назад
your tutorial is very Awesome I loved IT , thank you so much .
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Glad it was helpful!
@garikmelqonyan6011
@garikmelqonyan6011 Год назад
Great as always!
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Thank you!
@iambrijeshtoo
@iambrijeshtoo Год назад
Thank you!
@CanDoSo_org
@CanDoSo_org 2 года назад
Very nice tutorial, thanks, Dave.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
You're welcome! Rush fan or name coincidence?
@CanDoSo_org
@CanDoSo_org 2 года назад
@@DaveGrayTeachesCode Sorry, I don't know what "Rush fan" means😀.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
@@CanDoSo_org Rush is a rock band. Their singer is named Geddy Lee. Must be a coincidence!
@pablo20237
@pablo20237 2 года назад
Thanks, Dave
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
You're welcome! 🙏
@shahenalam9904
@shahenalam9904 Год назад
Very nice explanation
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Thank you!
@Modest480
@Modest480 2 года назад
Wahooo, this is awesome ✨
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Glad to hear that!
@viniciusm.m.7822
@viniciusm.m.7822 2 года назад
Forms and Inputs are not "that easy"! haha Thanks, Dave! Obrigado, meu irmão!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
You're welcome, Vinicius! 🚀
@Sonu-tg6tg
@Sonu-tg6tg 2 года назад
can you please suggest me some free resources to get into UI/UX roles, currently I am in third year of computer science engineering, i am not able to find right mentor who can guide me in this UI/UX journey can you please help me out
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
At the end of this HTML series, I will be starting a CSS for Beginners series. If you already know CSS, you can find more advanced design tutorials on these great YT channels: 1) Kevin Powell, 2) Design Course, 3) Adrian Twarog, and 4) freeCodeCamp. I hope those help out! 💯
@Sonu-tg6tg
@Sonu-tg6tg 2 года назад
@@DaveGrayTeachesCode thank you for sharing, i am familiar with HTML, CSS, JavaScript and Basic React which i learn from your channel. But now I found that my interest is not much in coding part, but i am interested in more UI/UX or user experience roles. But for that I don't know how to start, which resources to follow and move forward. What kind of projects should I do, and how to get entry level jobs or Internships
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
@@Sonu-tg6tg The Design Course channel I recommended shares many of these resources. freeCodeCamp recently shared a full Figma tutorial for design, too.
@Sonu-tg6tg
@Sonu-tg6tg 2 года назад
@@DaveGrayTeachesCode thanks a lot!!
@fireworks6795
@fireworks6795 Год назад
thanks
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
Welcome!
@IG7799-c4u
@IG7799-c4u Год назад
How do you get your multi-line comments looking like that with the coloured starting and ending comment tags with the line between them? 24:08
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
This short shows the VS Code settings for that: ru-vid.comMDaxWffMjrQ
@andromilk2634
@andromilk2634 3 месяца назад
By curiosity : how is a beginner supposed to understand the difference between "posts" and "get" and what those are for and imply? I feel like this type of content is a tiny bit more "advanced" compared to the level of someone completely new to HTML. I only was able to understand the reference (as a beginner) because I did a bit of MERN. But I don't believe I would have understand that part if I saw this for the first time in my life.
@e.svarunkumar6318
@e.svarunkumar6318 7 месяцев назад
it would have been more beautiful sir if you could provide us notes !!
@MehndiBySoukayna
@MehndiBySoukayna Год назад
sorry but i see that you are using tag to move to the next line !!!!!! it's wrong and if someone did that in the interview he will never get the job. guys use tag tag is only to write a paragraph.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
This is bad advice. A div is not a semantic HTML element and should only be used when a semantic HTML element does not provide what is needed. There is a previous lesson in this series on semantics HTML. I suggest you view it to learn why it is important.
@IG7799-c4u
@IG7799-c4u Год назад
19:34 An American prefers an Americano, makes sense! :P
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
In my case, this is very true. 💯☕
@yavuzselimoksuz6795
@yavuzselimoksuz6795 9 месяцев назад
Thank you so much
@i-jamesazubuike9208
@i-jamesazubuike9208 Месяц назад
Excellent teaching method...I just learned a lot from a single lecture.
@rrasch8125
@rrasch8125 Год назад
Totally confused with this section..too much too fast.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Год назад
I always recommend learning at your own pace. Please feel free to review and re-watch sections. Break one lesson / chapter into smaller ones for easier digestion. Anything that helps. 😀
@rrasch8125
@rrasch8125 Год назад
@@DaveGrayTeachesCode It’s not the pace…I can go as slow or fast as need be and re-watch over and over... I don’t understand whats being said re: labels, names, values and id’s and what’s the difference between them all and how they are used.. 🤷‍♀👍
@pablo20237
@pablo20237 2 года назад
Hola
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 года назад
Buenos dias 😎
Далее
Semantic HTML Tags | HTML5 Semantic Elements Tutorial
24:38
How do you Submit an HTML Form?  How does it work?
17:02
Learn HTML Forms In 25 Minutes
24:56
Просмотров 973 тыс.
Learn HTML forms in 10+ minutes! 📝
17:55
Просмотров 99 тыс.
Learn HTML forms in 8 minutes 📝
8:39
Просмотров 346 тыс.
CSS List Styles Tutorial for Beginners
16:37
Просмотров 27 тыс.
HTML Tutorial for Beginners: HTML Crash Course
1:09:34