# HTML Input Types

## 1.Input Type Password (<input type="password" >) :-

Basically, this input types mainly use in Login form , Dashboard etc.

**Ex.** `<form action="abcd.php">`

`<label for="pwd">Password:</label><br>`

`<input type="password" id="pwd" name="pwd">`

`</form>`

**Output:** [**<mark>Touch Me for</mark>**](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_password) [**<mark>Output</mark>**](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_password)**(reference by W3school)**

## 2.Input Type Reset (&lt;input type="Reset"&gt;):-

Here, using highly in google form or any other form etc.

**Ex.** `<form action="acbd.php">`

`<label for="fname">First name:</label><br>`

`<input type="text" id="fname" name="fname" value="John"><br>`

`<label for="lname">Last name:</label><br>`

`<input type="text" id="lname" name="lname" value="Doe"><br><br>`

`<input type="submit" value="Submit">`

`<input type="reset" value="Reset">`

`</form>`

**Output:** [**<mark>Touch Me for Output</mark>**](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_reset) **(reference by W3school)**

## 3.Input Type Color (&lt;input type="color" &gt;):-

Basically, Also using for color picker which are using webpage etc.

**Ex.** `<form action="abcd.php">`

`<label for="favcolor">Select your favorite color:</label>`

`<input type="color" id="favcolor" name="favcolor">`

`</form>`

**Output:** [**<mark>Touch Me for Output</mark>**](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_color) **(reference by W3school)**

## 4.Input Type Datetime-local(&lt;input type="datetime-local" &gt;):-

When, both date and time are showing in webpage etc.

**Ex.** `<form action="abcd.php">`  

`<label for="birthdaytime">Birthday (date and time):</label>`  

`<input type="datetime-local" id="birthdaytime" name="birthdaytime">`

`</form>`

Output: [<mark>Touch Me for Output </mark>](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_datetime-local) **(reference by W3school)**

## 5.Input Type File(&lt;input type="file" &gt;):-

Mainly using for upload file in webpage etc.

**Ex.** `<form action="abcd.php">     <label for="myfile">Select a file:</label>     <input type="file" id="myfile" name="myfile">   </form>`

**Output:** [<mark>Touch Me for Output</mark>](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_file) **(reference by W3school)**

## 6.Input Type Range(&lt;input type="range" &gt;):-

Here, using for slider or skills representation in this form.

**Ex.** &lt;form action="abcd.php"&gt;  
  &lt;label for="vol"&gt;Volume (between 0 and 50):&lt;/label&gt;  
  &lt;input type="range" id="vol" name="vol" min="0" max="50"&gt;  
&lt;/form&gt;

**Output:** [<mark>Touch Me for Outpu</mark>](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_range)<mark>t</mark> **(reference by W3school)**