Input Tags

Input Tags

Build a form page

Table of contents

No heading

No headings in the article.

What is input element....?

First of all, input elements are used to make any kinds of form. For example Register form, Login form and etc... We have more input elements such as button, checkbox, Color, date , email, and etc...…. Also, Using this input elements browser can get details from the user.

With the help of input elements, browser can accept details from the user. Also we should utilize all elements to make a creative form page....

  1. Input type="text".

we can use this text input to write name or something which is one kind of text word.

Screenshot_20221127_031435.png

  1. Input type="radio"

we can use this radio input for particular type of meaning word. For example cold water or hot water. It means we have two option and choose any one.

Screenshot_20221127_031511.png

  1. Input type="email"

    we can use this input type to give or write email id.

Screenshot_20221127_031610.png

  1. Input type="button"

      we can put button on our form and we can submit all information through the browser.
    
  2. Input type="Color"

      we can get Color facility through this input. Get option from Color picker with hexadecimal code.
    

Screenshot_20221127_032729.png output:

Screenshot_20221127_032647.png

  1. Input type="date"
       With help of this input type, we can set date via month, day and year.....
    

Screenshot_20221127_033632.png

Output:

Screenshot_20221127_033735.png

  1. Input type="reset"
      it reset all information which are already available on form.
    

Screenshot_20221127_032327.png

Payment form demo:

Screenshot (2).png

Screenshot (3).png

Output:

Screenshot (1).png Screenshot_20221127_034218.png

Summarize:

  I hope , this all input elements are useful to you. Also you can learn something  new and this is special for beginners who want to learn for web design. 

References: w3schools.com/html/html_form_input_types.asp