HTML Forms and Inputs | HTML5 Tutorial for Beginners

HTML forms and inputs can be confusing for beginners. In this tutorial, you will learn about HTML forms and many HTML5 inputs and attributes. Adding forms to your web pages make them interactive for your users.

🚀 This lesson is part of an HTML for Beginners tutorial series playlist:

HTML Forms and Inputs | HTML5 Tutorial for Beginners

(00:00) Intro
(00:05) Welcome
(00:25) Forms make your pages interactive
(01:11) Adding a new anchor link
(01:56) Adding a new article element
(03:24) Form element
(04:19) Text input
(08:48) Adding a 2nd text input
(10:00) Wrapping inputs in block elements
(10:40) Password input
(12:08) tel input
(14:36) Number input
(16:55) Select, option and optgroup elements
(23:28) Datalist
(26:03) Adding semantics with fieldset and legend
(27:39) Radio buttons
(30:51) Checkboxes
(33:22) Textarea
(35:43) Email and other inputs
(36:02) Button elements
(38:45) Submitting the form
(40:45) Last button, Post vs Get Requests
(44:26) Validate your HTML

⚙ Web Dev Tools:

📚 References:

🚀 Semantic HTML References:

🚀 HTML Table References:

🚀 HTML Forms References:

✅ Follow Me:

Was this tutorial about creating HTML Forms helpful? If so, please share. Let me know your thoughts in the comments.

#html #html5 #forms

[_Rohit_Kumaar]

<fieldset>
<legend>Dave Gray</legend>
</fieldset>

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

[felicialeann]

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!

[natnaelgetachew]

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.

[yatin]

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]

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 YouTube thank you keep it up 🙏🙏

[konstantinzakharov]

Finally I feel confident creating HTML forms! I am smashing that like button!

[gustavogus]

Just wanted to say thank you for all the great classes you provide. Exceptional way of teaching! Thanks a lot!

[i-jamesazubuike]

Excellent teaching method...I just learned a lot from a single lecture.

[chidungphan]

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.

[ahmedafgooye]

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 !

[andygordon]

Fantastic tutorial, absolutely perfect for beginners. Thank you

[Grihlo]

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.

[luciendenarend-sculptor]

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?

[bumbaismail]

Best Tutorial ever. Thanks from Uganda Africa❤❤❤

[codingSparrow]

Sir, Is it ok if we use <br> to start form elements from new line instead of wrapping them in <p>?

Btw, Thanks for your tutorials. 👏❤️❤️.

[tchippat]

He is among the best teachers on youtube !!!!

[homeofqualitymovies]

Great Work! Please i would like to see how would style your forms.(semantic elements or divs ?)

[dinesh]

You deserved a support, but underrated 😢❤

[IG-cu]

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