Input Tag and It's Types in HTML

Previous Next

Input Tag in HTML 

• The input tag specifies an input field where the user can enter data.

• Input filed is created using <input> tag.

• Input tags don't need any closing tags.

Types of Input Tag

i). Text: It is used to create a text input field.

<input type="text">

ii). Color: It is used for input fields that contain color.

<input type="color">

iii). DateTime: It specifies an input field that contains the date and time.

<input type="datetime">

iv). DateTime Local: It specifies the date and time input with no time zone.

<input type="datetime-local">

v). Email: It is used for the input field which contains e-mail address.

<input type="email">

vi). File: It is used for the input field which takes a file as input from the user.

<input type="file">

vii). Image: It is used to define an image as a submit button.

<input type="image">

viii). Number: It is used to define an input field that contains a numeric value.

<input type="number">

ix). Password: It is used to create an input field that contains input data as a password.

<input type="password">

x). Phone: It defines an input field that contains a telephone number.

<input type="tel">

xi). Range: It is used to define a control for entering a numeric value. The default range is from 0 to 100. 

<input type="range">

xii). Radio: It is used to create radio button.

<input type="radio">

xiii). Time: It is used to create an input field which allows the user to select a time.

<input type="time">

xiv). Reset: It is used to create a reset button.

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

xv). URL: It is used for input fields that contain a URL address.

<input type="url">

xvi). Week: It is used to create an input field which allows the user to select a week and year.

<input type="week">

xvii). Checkbox: It is used to create a checkbox.

<input type="checkbox">

xviii). Button: It is used to define a button.

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

Input Types in HTML

Download Now