Forms in html

important topics to study

Hello readers, if you are new to my blogs you can read my story Here. Yes, all this html and css part is very easy and not something to post about but I wanted to let people know that everyone start from the bottom and to keep going without any applauds because in the initial stages only discipline is your true cheerleader.

So, today I am going to talk about one of the most useful and important elements(collection of elements) eg- form element. We all have come across registration websites and login forms. They are very beautiful but they are made using html and later on designed. Whatever we input in those forms and when we hit the submit end at the end, your data which you entered just goes to a server. Just like a postcard, the server address is mentioned in the form itself when we create it in html.

<form>

element is just a shell or container that doesn't have any visual impact. We then fill the form with collection of inputs, checkboxes and buttons.

  • There are many input elements in forms and you dont need to remember each and every.
  • Some of the most common ones you will find and use are : text, email, password, checkboxes, number type inputs
  • Just remember this, form is a container inside which different inputs reside like text type, email, password type etc.
  • Label: it is not an input but it serves just as its name suggest. It acts as a label to those input types. Any text or label you want to add with your input box.
  • Some other imp stuff you just need to be aware of it : <textarea> (for taking small text as an input), <select> and <option> (to create a drop-down list)

I did some cool stuff with forms and hijacked google and reddit's search. I would explain more about it in upcoming blogs. I also created my own marathon registration form. Its just plain-ol html but will change it after going through css. I also learned about tables in html but thats not too important right now.

Finally, Html is over and now moving on to CSS. I am not in a hurry to complete front end in one month. Its a journey and learning is the fun part. See you soon in my next CSS blog post. And never forget that its all about the journey. Keep learning ;)