# Input elements

## input elements -
are the elements that are used when we want to take input value from the user. These elements are used in the web-based form. There are a whole lot of types of input tags. Input tags are more powerful with the attributes they carry. Let's learn both of them with examples.

##Attributes :-

name - It tells the name of the input tag and is the most important attribute in form validation.

placeholder - It tells what input value is expected from the user.

id - It is used to uniquely identify/select the input tag.

class - It is used to target a group of input tags.

## input types :-

### Text :- 
this input is used to  enter the values  like user name and last name, etc


![text value.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670309289854/mI9kpGAqS.png align="left")

## email  :-

it used to write the email address in input box, and it also check whether the entered email address in correct form or not.


![email.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670309946012/E982qCUJV.png align="left")

## password :-
  password input is used to write the password, and the special thing in this input is whatever we types in that input it will show us in blackdots,
  

![password.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670310408374/ShLTGly44.png align="left")

## check box :-

it is used select multi options in single time for example


![checkbox.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670310726121/Xq-8SpOl8.png align="left")

## Radio :-
it is used to select single option in multives values..to make this happened we must do same value in all the radio buttons. for example


![radio.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670311020499/I3LSaOA6O.png align="left")

## Date :-
 it is used to choose the date month and year. and it opens the calander when we try to type the date,


![date.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670311913767/TyzabDLNsp.png align="left")

## file :-
it is used to upload the files for example,


![files.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670312150340/zDE6f3IRT.png align="left")

## Button :-

it is used create the  simple button. for example


![button.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670312564589/peMEHVgui.png align="left")

## submit :-
it is used to submit the form,


![submit.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670312667974/vJs0ifBi-.png align="left")

## Reset :-
it is used to reset the all values in input form, for example

![reset.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1670312756910/-JPLXqbg5.png align="left")