Scribd
Upload
70 views3 pages

HTML Input Types Cheatsheet

The document describes the different HTML input types including button, checkbox, color, datetime, email, file, image, number, password, radio, range, reset, submit, tel, text, time, URL, and week. Each input type is defined and an example HTML tag is provided to demonstrate its use. The input types allow creating different form field elements such as buttons, text fields, dates, numbers, passwords, file uploads and more.

Uploaded by

bholetumesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
70 views3 pages

HTML Input Types Cheatsheet

The document describes the different HTML input types including button, checkbox, color, datetime, email, file, image, number, password, radio, range, reset, submit, tel, text, time, URL, and week. Each input type is defined and an example HTML tag is provided to demonstrate its use. The input types allow creating different form field elements such as buttons, text fields, dates, numbers, passwords, file uploads and more.

Uploaded by

bholetumesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML Input Types Cheatsheet

Button
This input type is used to define a input field as a button.

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

Checkbox
This input type is used to create a checkbox a input field.

<input type=”checkbox”>

Color
This input type is used to create a input field which contain color.

<input type=”color”>

DateTime
This input type is used to create an input field that contains the date and time.

<input type=”datetime”>

Email
Email input type is used to create an input field which will take e-mail address as input
text.

<input type=”email”>

File
The file input type is used for the input field which takes a file as input from the user.

<input type=”file”>

All rights reserved – designwithrehana.com


Image
This input type is used to define an image as a submit button.

<input type=”image”>

Number
This number input type is used to define an input field that contains a numeric value.

<input type=”number”>

Password
This password input type is used to define an input field that contains which contains
input data as password.

<input type=”password”>

Radio
The radio input type is used to create a radio button.

<input type=”radio”>

Range
This range input type is used to define a control for entering a numeric value. The
default range value of input type range is from 0 to 100.

<input type=”range”>

Reset
Reset input type is used to create a reset button.

<input type=”reset” value=”reset”>

All rights reserved – designwithrehana.com


Submit
Submit input type is used to create submit button which submits all values to a form-
handler.

<input type=”submit” value=”Submit”>

Tel
This input type is used to define a input field that contains a telephone number as
input data.

<input type=”tel”>

Text
Text input type is used to create a input field which takes text as input data.

<input type=”text”>

Time
The time input type is used to create an input field which allow the user to select a
time.

<input type=”time”>

URL
This URL input type is used to create an input field that contain a URL address as an input data.

<input type=”url”>

Week
This week input type is used to create an input field that allows the user to select a week and
year.

<input type=”week”>

All rights reserved – designwithrehana.com

You might also like