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

Рет қаралды 25,194

Күн бұрын

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 KZfaq 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 :)
Memberships: / @dani_krossing
Patreon: / mmtuts

Пікірлер: 36

@PraneethVitharana Жыл бұрын

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

@danielcalianese8048 11 ай бұрын

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!

@mercent4953 Жыл бұрын

Thank you. I need MOARRRR

@fethisert5527 11 ай бұрын

Good Work thank you

@user-sr9nh3lc2x Жыл бұрын

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

@fabiennedallau968 Жыл бұрын

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

@CoolIntellect 7 ай бұрын

Thanks for this one!

@UHDking Жыл бұрын

Got my like ;-) Thanks.

@besnergreen 3 ай бұрын

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

@sweethomes674 Жыл бұрын

Excellent explanations 😊

@umejuruchidera820 6 ай бұрын

Thank you soooo much sir

@soniaakter2770 Жыл бұрын

Very nice tuorial,,,,,,,,Thanks so much !!

@isaacbanks6860 Жыл бұрын

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!

@aximilty 8 күн бұрын

nice!

@sonamohialdin3376 Жыл бұрын

This is so good tutorial thank you

@yousifky Жыл бұрын

U R the best sir ❤

@DavidTheITGuy. 11 ай бұрын

Thank you

@LuisMaldonado-ej5bg Ай бұрын

Damn! You are good

@cruzinsweetsntreats Жыл бұрын

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

@williambradley1448 9 ай бұрын

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?

@stephenluka7854 Жыл бұрын

💝

@houseofmellino7306 11 ай бұрын

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 😫

@dolittlediehard1670 2 ай бұрын

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

@TradingPost-2024 2 ай бұрын

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.

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

@Dani_Krossing Жыл бұрын

Might make a separate video JUST addressing this, since it is monthly I get people telling me "that you don't have to check for this using PHP, because HTML already has the REQUIRED attribute". 😅 So it is a pretty widely perceived thing people need to know about, so they don't rely on it for security. 🙂

@Stoney_Eagle Жыл бұрын

@@Dani_Krossing You may also want to get into a csrf token since that is also important these days. 'Cross Site Request Forgery" It prevents me from submitting form data without being on your website.

@RespectEveryoneForever 5 ай бұрын

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?

@constantine9074 Жыл бұрын

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

@Dani_Krossing Жыл бұрын

Anytime you use a client side language, the user can manipulate and change the data. So unless you are using Node.js (a JavaScript serverside feature), then you shouldn’t use JavaScript for security. 👈 JavaScript is excellent for creating stunning visuals, to let the user know if they filled in a form incorrectly, but don’t use it as “security”.

@constantine9074 Жыл бұрын

@@Dani_Krossing thanks for reply