06/08/2022

HTML Input Types

HTML Input Types

HTML input tags, which are generally used in forms, help users who come to the page to enter data.

A form that will simply collect users’ contact information requires name, surname, phone number, email address. There are input tags where users can enter this information through web pages. There are also customized versions of the input tags, which are generally used within the <form> tag.

Button

<input type="button" value="">


Checkbox Input

<input type="checkbox" name="" id="">


Color

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


Email

<input type="email" name="" id="">


File

File input is used to upload files via local device.

<input type="file" name="" id="">


Hidden

<input type="hidden" name="">

Number

It is only used for entering numeric data, it does not support entering letters or any special characters.

<input type="number" name="" id="">


Password

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


Radio

The radio input tag is used to select one of the multiple options.

<input type="radio" name="" id="">
Radio Selector


Range

<input type="range" name="" id="">


Reset

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


Search

<input type="search" name="" id="">


Submit

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


Tel

<input type="tel" name="" id="">


Text

<input type="text" name="" id="">


URL

<input type="url" name="" id="">


Time

<input type="time" name="" id="">


Month

<input type="month" name="" id="">


Week

<input type="week" name="" id="">


Date

<input type="date" name="" id="">


Datetime

<input type="datetime" name="" id="">


Datetime Local

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


Image

<input type="image" src="" alt="">