28 | HOW TO CREATE & STYLE FORMS IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners
HTML-код
- Опубликовано: 25 июл 2024
- 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 RUclips 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
![MAF Teeski - Whole Thing (feat. VonOff1700) [Official Music Video]](http://i.ytimg.com/vi/SHWEj-ndz6g/mqdefault.jpg)
The video that was needed to make everything crystal clear!!! Thank you so much and please keep making more videos!
nice!
Got my like ;-) Thanks.
Good Work thank you
Thanks for this one!
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!
Thanks for the great content! You are really a good teacher.🤩
Thank you. I need MOARRRR
An Excellent video ,excellent work and an excellent example💯👏thank you
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
Thank you soooo much sir
Very nice tuorial,,,,,,,,Thanks so much !!
Excellent explanations 😊
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!
This is so good tutorial thank you
Damn! You are good
U R the best sir ❤
From 7:45 I'm glad you started instructing on Accessibility, and referencing screen reader usage. April 4, 2023 0315 PT
Thank you
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?
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 😫
💝
How do i append data from a form on the front end to a page on the backend
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.
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.
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. 🙂
@@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.
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?
26:38 even JS ? even if im using bundler? or using bunler does not make site any secure"r"
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”.
@@Dani_Krossing thanks for reply
29:37
i thought you were going to create an example.html file and show us something
Thank you so much this is wounderful have learn alot
Bully for you!
❤ U R the best sir