# Input Elements ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1722498899779/c8787241-0647-4a6e-b105-fefe40efc659.png align="center") The HTML **<input>** tag is used within a form where the user can enter data. The way how to the HTML **<input>** tag displays depend on the type of attribute that is paired with: Syntax: <input type=""> `The different input types are as follows:` 1. Input Type Button **<input type=”button”>** 2. Input Type Checkbox **<input type=”checkbox”>** 3. Input Type Color **<input type=”color”>** 4. Input Type Date **<input type=”date”>** 5. Input Type Datetime-local **<input type=”datetime-local”>** 6. Input Type Email **<input type=”email”>** 7. Input Type File **<input type=”file”>** 8. Input Type Hidden **<input type=”hidden”>** 9. Input Type Image **<input type=”image”>** 10. Input Type Month **<input type=”month”>** 11. Input Type Number **<input type=”number”>** 12. Input Type Password **<input type=”password”>** 13. Input Type Radio **<input type=”radio”>** 14. Input Type Range **<input type=”range”>** 15. Input Type Reset **<input type=”reset”>** 16. Input Type Search **<input type=”search”>** 17. Input Type Submit **<input type=”submit”>** 18. Input Type Tel **<input type=”tel”>** 19. Input Type Text **<input type=”text”>** 20. Input Type Time **<input type=”time”>** 21. Input Type URL **<input type=”url”>** 22. Input Type Week **<input type=”week”>** ## Input Elements : ### Input Type Button The HTML **<input type=”button”>** is used to provide a button to the input field. It always comes with the *value* attribute. We use *the value* attribute to give the name to the button. ```xml ``` ### Input Type Checkbox The HTML **<input type=”checkbox”>** is used to provide a checkbox to the input field. ```xml

What is your favourite colour?

``` ### Input Type Color The HTML **<input type=”color”>** is used for input fields that contain color. ```xml

Show a Color Picker:

``` ### Input Type Date The HTML **<input type=”date”>** is used for input fields that contain a date. ```xml ``` ### Input Type Email The HTML **<input type=”email”>** is used for input fields that contain an email address. ```xml ``` ### Input Type Image The HTML **<input type=”image”>** specifies an image as a submit button. ```xml ``` ### Input Type Password The HTML **<input type=”password”>** specifies a password field. ```xml ``` ### Input Type Search The HTML **<input type=”search”>** is used for search fields. ```xml ``` ### Input Type Number The HTML **<input type=”number”>** specifies a numeric input field. ```xml ``` ### Input Type Radio The HTML **<input type=”radio”>** is used to provide a radio button to the input field. ```xml

What is your favourite colour?

``` ### Input Type Submit The HTML **<input type=”submit”>** specifies a button for submitting. ```xml ``` ### Input Type Tel The HTML **<input type=”tel”>** is used for input fields that contain a telephone number. ```xml ``` ### Input Type Text The HTML **<input type=”text”>** specifies a line text input field. ```xml ``` ### Input Type Time The HTML **<input type=”time”>** allows the user to select a time (no the time zone). ```xml ``` ### Input Type URL The HTML **<input type=”url”>** is used for input fields that contain a URL address ```xml ``` ### Input Type Week The HTML **<input type=”week”>** allows the user to select a week and year. ```xml ``` ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1722501444680/33739a39-af78-4721-9e7b-11e3f7f54369.jpeg align="center")