28 | HOW TO CREATE & STYLE FORMS IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners

In this HTML tutorial we will learn how to create forms in HTML, and how to style HTML forms. 🙂

➤ TIMESTAMPS

00:00:00 - What are forms used for?
00:01:13 - How to create a form and attributes
00:04:09 - How to create a text input
00:10:03 - How to create a textarea input
00:14:26 - How to create a radio input
00:18:05 - How to create a checkbox input
00:20:01 - How to create a dropdown
00:22:14 - How to create a submit button
00:23:41 - Showing what a GET and POST method does
00:25:08 - Using REQURED is not safe!
00:27:46 - How to create a password input
00:28:38 - How to create a email input
00:29:37 - How to style forms AND fix the reset stylesheet

➤ GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon and YouTube Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

[danielcalianese]

Excellent, concise video...thank you! I have 4+ decades of experience...was looking for a straight forward explanation to forms for my son...this video did the trick...great job!

[PraneethVitharana]

The video that was needed to make everything crystal clear!!! Thank you so much and please keep making more videos!

[besnergreen]

Got a lab due in 8 hours and i havent attended any classes yet. I just need to get this class outa the way hahaaaa. Thanks man, now i won't have to take html again next semester

[ΕγωΕγω-ρω]

An Excellent video, excellent work and an excellent example💯👏thank you

[niloc]

Came here from your excellent php lessons to swot up on forms. Re. Styling issue: Just to let you know that the Pycharm HTML boilerplate accommodates for this...

[fabiennedallau]

Thanks for the great content! You are really a good teacher.🤩

[isaacbanks]

Dani... you are almost single handedly giving me the tools to create simple and effective sites that I can make money for additional income! Thanks so much Bro!

[cruzinsweetsntreats]

From 7:45 I'm glad you started instructing on Accessibility, and referencing screen reader usage. April 4, 2023 0315 PT

[futureleadersnigeria]

please, how did connect your website to your html forms?

[williambradley]

Thanks for this series, I have found it most useful. I have a question on the drop down though. When the drop down is opened the focus background color is blue. I have been unable to find a way to alter this. Do you know how this can be done?

[TradingPost-]

Hello Dani,
I'm enjoying the videos. When I created the example.html and clicked on submit data button but it just opened a blank webpage called example.html Please show us how when the user submits a message it gets appended to a "hidden" file called messages.html on the server, possibly with a file and date stamp. I can't do php yet and I don't want to use 3rd party solutions that will send messages. I am simply looking for, the user submits a message and the message gets dumped (appended) to a web-page on the server (called messages.html) so that I can go along, get the message and forward onto the relevant person manually.

[RespectEveryoneForever]

bro i came from your php course and just went here. should i skip the stylesheet part just for now, and just go back to lesson 6 the basics of php form tutorial?

[Stoney_Eagle]

100% agreed, the required attribute is to prevent the user from making innocent mistakes and so you don't have to make a round trip to the server, for a missing value, that does NOT mean you don't have to validate the data on the backend.
Bad actors will always try to get around every security measure you make.
You should NEVER trust the browser with anything.

[houseofmellino]

I was hoping for the form data to post to the next page that’s what I’m having trouble with. When trying to get the radio button selection to show up on the php page it’s submitted to 😫

[dolittlediehard]

How do i append data from a form on the front end to a page on the backend

[JimmyCrackorn]

I know this is old, but I just have to ask because it didn't come up in this. How do we do an text input that only has an underline instead of the full border??? That's the design I'm going for. I can't be the only one who wants to know that.

[constantine]

26:38 even JS ? even if im using bundler? or using bunler does not make site any secure"r"

[fajimeyemichael]

i thought you were going to create an example.html file and show us something

[joelcleanheart]

Thank you so much this is wounderful have learn alot