DEV Community

Cover image for HTML FORMS
Maame Afia Fordjour
Maame Afia Fordjour

Posted on • Updated on



I have been following the w3schools HTML and CSS tutorials for sometime now. And i got stuck at some point and said f**k it, i don't think this coding stuff is for me. This was just the second day i decided to do my #100daysofcode challenge! I said to myself 'second day and i am already fed up! wow!' Then i just cried a little bit because i was overwhelmed BUT i didn't want to give up. I need to get this right and stop going to my shitty job and working so hard for so little... I took a quick nap, and decided to read some success stories of other self- taught developers and guess what? I am not the only one struggling! I have come into terms with the fact that the journey to being a developer is hard! And there are no shortcuts. If you want to be a really good developer, you have to put in the extra work and be determined for the most part. I have to step out of my comfort zone and be consistent. Being consistent is not easy at all. People who are able to wake up everyday and do what would bring the best out of them are super humans and very brave people. I respect every developer/ coder out there so much. Even us newbies are really trying hard. Every developer out there earning so much money deserves that and so much more. Enough with my emotional imbalances. Lets get straight into what i learnt today. And oh, i am also working on this coffee site called 'Flemy's Coffee shop'. Well, it doesn't exist and i don't even know why i chose the name 'Flemy' i had to look it up on google and apparently it means a person who's an 'emo girl', i think. Anyways i am doing this to help me not follow blindly to the projects in the tutorials by just copying and pasting, but to also start a fun project for myself as i learn.


πŸ“ŒThe HTML <form> element defines a form that is used to collect user input.

πŸ“ŒForm elements are different types of input elements, like text fields, check boxes, radio buttons, submit buttons, and more.

πŸ“ŒThe <input> element is the most important form element.

πŸ“ŒThere are different input types, depending on what you what the user to input. Some of these include the text, tel, E-mail, date, submit etc.

πŸ“Œ The <input type...> helps you to place forms in your webpage. Like this;

Image description

πŸ“Œ This then brings out the output;

Image description

As i said earlier on, you can also include check boxes (Male, female, other...) or even create the sign up page forms that includes; name, e-mail, address, password, date of birth etc. i got my hands dirty and added a 'create account' criteria.

Image description

It is not the most professional looking site. But as a beginner, i am honestly proud of my progress. Even though the learning process is tough, i know it is going to be worth it at the end of the day.

Thanks for reading! I try to make my summaries as fun as possible because learning how to code is very frustrating πŸ˜…. Thanks for reading. Cheers!

Top comments (2)

babib profile image
ππšπ›π’ ✨

More courage! I encourage you to take the freeCodeCamp HTML/CSS course. It's self-guided and includes mini-challenges and tests that will considerably assist you in learning new things.

The course is free

maame-codes profile image
Maame Afia Fordjour

Thanks Babi. I would do just that.