Overview

Attributes

Character Data

Comments

Datatypes

Doctype

Terminology

W3C

Elements

a

abbr

address

area

article

aside

audio

b

base

bdo

blockquote

body

br

button

canvas

caption

cite

code

col

colgroup

command

datalist

dd

del

details

dfn

div

dl

dt

em

embed

fieldset

figcaption

figure

footer

form

h1

h2

h3

h4

h5

h6

head

header

hgroup

hr

html

i

iframe

img

input

ins

kbd

keygen

label

legend

li

link

map

mark

menu

meta

meter

nav

noscript

object

ol

optgroup

option

output

p

param

pre

progress

q

rp

rt

ruby

samp

script

section

select

small

source

span

strong

style

sub

summary

sup

table

tbody

td

textarea

tfoot

th

thead

time

title

tr

ul

var

video

The input element with a type attribute whose value is:

text	represents a one-line plain text edit control for the input element's value,
password	represents a one-line plain-text edit control for entering a password,
checkbox	represents a state or option that can be toggled,
radio	represents a selection of one item from a list of items (a radio button),
button	represents a button with no additional semantics,
submit	represents a button for submitting a form,
reset	represents a button for resetting a form,
file	represents a list of file items, each consisting of a file name, a file type, and a file body (the contents of the file),
hidden	represents a value that is not intended to be examined or manipulated by the user,
image	represents either an image from which the UA enables a user to interactively select a pair of coordinates and submit the form, or alternatively a button from which the user can submit the form,
HTML5
datetime	represents a control for setting the element's value to a string representing a global date and time (with timezone information),
datetime-local	represents a control for setting the element's value to a string representing a local date and time (with no timezone information),
date	represents a control for setting the element's value to a string representing a date,
month	represents a control for setting the element's value to a string representing a month,
time	represents a control for setting the element's value to a string representing a time (with no timezone information),
week	represents a control for setting the element's value to a string representing a week,
number	represents a precise control for setting the element's value to a string representing a number,
range	represents an imprecise control for setting the element's value to a string representing a number,
email	represents a control for editing a list of e-mail addresses given in the element's value,
url	represents a control for editing an absolute URL given in the element's value,
search	represents a one-line plain-text edit control for entering one or more search terms,
tel	represents a one-line plain-text edit control for entering a telephone number, and
color	represents a color-well control, for setting the element's value to a string representing a simple color.

<input>


• Attributes
• Example | Attributes | accept
• Example | Attributes | alt
• Example | Attributes | autocomplete
• Example | Attributes | autofocus
• Example | Attributes | checked
• Example | Attributes | disabled
• Example | Attributes | form
• Example | Attributes | formaction
• Example | Attributes | formenctype
• Example | Attributes | formmethod
• Example | Attributes | formnovalidate
• Example | Attributes | formtarget
• Example | Attributes | height
• Example | Attributes | list
• Example | Attributes | max
• Example | Attributes | maxlength
• Example | Attributes | min
• Example | Attributes | multiple
• Example | Attributes | name
• Example | Attributes | pattern
• Example | Attributes | placeholder
• Example | Attributes | readonly
• Example | Attributes | required
• Example | Attributes | size
• Example | Attributes | src
• Example | Attributes | step
• Example | Attributes | type
• Example | Attributes | value
• Example | Attributes | width
• Example | CSS
• References

<input attribute-name="attribute-value">


Specific:
Name:	Value:	Description:
accept	mime-type list	Provides the UA with a hint of what file types the server is able to accept
alt	normal character data	Fallback content for the image map
autocomplete	on | off	Specifies whether the element represents an input control for which a UA is meant to store the value entered by the user (so that the UA can prefill the form later) - HTML5
autofocus	autofocus | empty	Specifies that the element represents a control to which a UA is meant to give focus as soon as the document is loaded - HTML5
checked	checked | empty	Specifies that the element represents a selected control
disabled	disabled | empty	Specifies that the element represents a disabled control
form	IDREF	Identifies a form with which to associate the element - HTML5
formaction	URI	Form-submission action for the element - HTML5
formenctype	application/x-www-form-urlencoded | multipart/form-data | text/plain	MIME type with which a UA is meant to associate this element for form submission - HTML5
formmethod	get | post | put | delete	HTTP method with which a UA is meant to associate this element for form submission - HTML5
formnovalidate	formnovalidate | empty	Specifies that the element represents a control whose value is not meant to be validated during form submission - HTML5
formtarget	browsing-context name or keyword	Browsing context or keyword that represents the target of the control - HTML5
height	non-negative integer	Height of the canvas in CSS pixels
list	IDREF	Identifies a datalist with which to associate the element - HTML5
max	date-time | local date-time | date | month | time | week | float	Expected upper bound for the element's value - HTML5
maxlength	positive integer	Maximum allowed value length of the element
min	date-time | local date-time | date | month | time | week | float	Expected lower bound for the element's value - HTML5
multiple	multiple | empty	Specifies that the element allows multiple values - HTML5
name	string	Name part of the name/value pair associated with this element for the purposes of form submission
pattern	pattern	Specifies a regular expression against which a UA is meant to check the value of the control represented by its element - HTML5
placeholder	string	Short hint (one word or a short phrase) intended to aid the user when entering data into the control represented by its element - HTML5
readonly	readonly | empty	Specifies that element represents a control whose value is not meant to be edited
required	required | empty	Specifies that the element is a required part of form submission - HTML5
size	positive integer	Number of options meant to be shown by the control represented by its element
src	URI	URL for the audio stream
step	any | positive float | positive integer	Specifies the value granularity of the element's value - HTML5
type	button | checkbox | color | date | datetime | datetime-local | email | file | hidden | image | month | number | password | radio | range | reset | search | submit | tel | text | time | url | week	Specifies that its input element is a one-line plain-text edit control for the input element's value
value	string	Specifies a value for this input element
width	non-negative integer	Width of the canvas in CSS pixels
Common:
Name:	Value:	Description:
accesskey	key label list	Key label or list of key labels with which to associate the element; each key label represents a keyboard shortcut which UAs can use to activate the element or give focus to the element
class	tokens	Name of a classification, or list of names of classifications, to which the element belongs
contenteditable	true | false | empty	Specifies whether the contents of the element are editable - HTML5
contextmenu	IDREF	Identifies a menu with which to associate the element as a context menu - HTML5
dir	ltr | rtl	Specifies the element's text directionality
draggable	true | false	Specifies whether the element is draggable - HTML5
hidden	hidden | empty	Specifies that the element represents an element that is not yet, or is no longer, relevant - HTML5
id	ID	Unique identifier for the element
lang	language tag	Specifies the primary language for the contents of the element and for any of the element's attributes that contain text
onabort	string	Handles the event when the download is aborted by the user
onblur	string	Handles the event losing focus
oncanplay	string	Handles the event when the user agent can resume playback of the media data, but estimates that if playback were to be started now, the media resource could not be rendered at the current playback rate up to its end without having to stop for further buffering of content
oncanplaythrough	string	Handles the event when the user agent estimates that if playback were to be started now, the media resource could be rendered at the current playback rate all the way to its end without having to stop for further buffering
onchange	string	Handles the event when the user commits a value change
onclick	string	Handles the event when the user clicks the mouse
oncontextmenu	string	Handles the event when the user requests their context menu
ondblclick	string	Handles the event when the user double-clicks the mouse
ondrag	string	Handles the event when the drag is in progress
ondragend	string	Handles the event when the drag is completed
ondragenter	string	Handles the event when the drag object enters an area
ondragleave	string	Handles the event when the drag object leaves an area
ondragover	string	Handles the event when the drag object is over an area
ondragstart	string	Handles the event when the drag is initiated
ondrop	string	Handles the event when the drag object is released
ondurationchange	string	Handles the event when the duration attribute has just been updated
onemptied	string	Handles the event when a media element whose networkState was previously not in the NETWORK_EMPTY state has just switched to that state (either because of a fatal error during load that's about to be reported, or because the load() method was invoked while the resource selection algorithm was already running)
onended	string	Handles the event when playback has stopped because the end of the media resource was reached
onerror	string	Handles the event when network and script errors occur
onfocus	string	Handles the event gaining focus
onformchange	string	Handles the event when the user commits a value change to a control on the form
onforminput	string	Handles the event when the user changes the value of a control on the form
oninput	string	Handles the event when the user changes the value
oninvalid	string	Handles the event during form validation if they do not satisfy their constraints
onkeydown	string	Handles the event when the key is down
onkeypress	string	Handles the event when the key is pressed
onkeyup	string	Handles the event when the key is up
onload	string	Handles the event when the document has finished loading; fired at an element containing a resource (e.g. img, embed) when its resource has finished loading
onloadeddata	string	Handles the event when the user agent can render the media data at the current playback position for the first time
onloadedmetadata	string	Handles the event when the user agent has just determined the duration and dimensions of the media resource
onloadstart	string	Handles the event when the user agent begins looking for media data, as part of the resource selection algorithm
onmousedown	string	Handles the event when the user presses the mouse button
onmousemove	string	Handles the event when the user moves the mouse
onmouseout	string	Handles the event when user moves the mouse icon outside the object
onmouseover	string	Handles the event when the user moves the mouse icon over the object
onmouseup	string	Handles the event when the user releases the mouse button
onmousewheel	string	Handles the event when the user moves the mouse wheel
onpause	string	Handles the event when playback has been paused. Fired after the pause method has returned
onplay	string	Handles the event when playback has begun. Fired after the play() method has returned
onplaying	string	Handles the event when playback has started
onprogress	string	Handles the event when the user agent is fetching media data
onratechange	string	Handles the event when either the defaultPlaybackRate or the playbackRate attribute has just been updated
onreadystatechange	string	Handles the event when it finishes parsing and again when all its subresources have finished loading
onscroll	string	Handles the event when it is scrolled
onseeked	string	Handles the event when the seeking IDL attribute changed to false
onseeking	string	Handles the event when the seeking IDL attribute changed to true and the seek operation is taking long enough that the user agent has time to fire the event
onselect	string	Handles the event when it is selected
onshow	string	Handles the event when it is shown as a context menu
onstalled	string	Handles the event when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming
onsubmit	string	Handles the event when it is submitted
onsuspend	string	Handles the event when the user agent is intentionally not currently fetching media data, but does not have the entire media resource downloaded
ontimeupdate	string	Handles the event when the current playback position changed as part of normal playback or in an especially interesting way, for example discontinuously
onvolumechange	string	Handles the event when either the volume attribute or the muted attribute has changed. Fired after the relevant attribute's setter has returned
onwaiting	string	Handles the event when playback has stopped because the next frame is not available, but the user agent expects that frame to become available in due course
spellcheck	true | false | empty	Specifies whether the element represents an element whose contents are subject to spell checking and grammar checking - HTML5
style	string	Specifies zero or more CSS declarations that apply to the element
tabindex	integer	Specifies whether the element represents an element that is is focusable (that is, an element which is part of the sequence of focusable elements in the document), and the relative order of the element in the sequence of focusable elements in the document
title	normal character data	Advisory information associated with the element

<html> <head> <title>input</title> </head> <body> <form> <input accept="text/plain" type="file"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" src="/assets/jpg/HappyFace.jpg" type="image"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input autocomplete="on" type="color"><br> <input autocomplete="on" type="date"><br> <input autocomplete="on" type="datetime"><br> <input autocomplete="on" type="datetime-local"><br> <input autocomplete="on" type="email"><br> <input autocomplete="on" type="month"><br> <input autocomplete="on" type="number"><br> <input autocomplete="on" type="password"><br> <input autocomplete="on" type="range"><br> <input autocomplete="on" type="search"><br> <input autocomplete="on" type="tel"><br> <input autocomplete="on" type="text"><br> <input autocomplete="on" type="time"><br> <input autocomplete="on" type="url"><br> <input autocomplete="on" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input autofocus="autofocus" type="button" value="Button"><br> <input autofocus="autofocus" type="checkbox"><br> <input autofocus="autofocus" type="color"><br> <input autofocus="autofocus" type="date"><br> <input autofocus="autofocus" type="datetime"><br> <input autofocus="autofocus" type="datetime-local"><br> <input autofocus="autofocus" type="email"><br> <input autofocus="autofocus" type="file"><br> <input alt="Happy Face" autofocus="autofocus" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input autofocus="autofocus" type="month"><br> <input autofocus="autofocus" type="number"><br> <input autofocus="autofocus" type="password"><br> <input autofocus="autofocus" type="radio"><br> <input autofocus="autofocus" type="range"><br> <input autofocus="autofocus" type="reset"><br> <input autofocus="autofocus" type="search"><br> <input autofocus="autofocus" type="submit"><br> <input autofocus="autofocus" type="tel"><br> <input autofocus="autofocus" type="text"><br> <input autofocus="autofocus" type="time"><br> <input autofocus="autofocus" type="url"><br> <input autofocus="autofocus" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input checked="checked" type="checkbox"><br> <input checked="checked" type="radio"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input disabled="disabled" type="button" value="Button"><br> <input disabled="disabled" type="checkbox"><br> <input disabled="disabled" type="color"><br> <input disabled="disabled" type="date"><br> <input disabled="disabled" type="datetime"><br> <input disabled="disabled" type="datetime-local"><br> <input disabled="disabled" type="email"><br> <input disabled="disabled" type="file"><br> <input disabled="disabled" type="hidden"><br> <input alt="Happy Face" disabled="disabled" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input disabled="disabled" type="month"><br> <input disabled="disabled" type="number"><br> <input disabled="disabled" type="password"><br> <input disabled="disabled" type="radio"><br> <input disabled="disabled" type="range"><br> <input disabled="disabled" type="reset"><br> <input disabled="disabled" type="search"><br> <input disabled="disabled" type="submit"><br> <input disabled="disabled" type="tel"><br> <input disabled="disabled" type="text"><br> <input disabled="disabled" type="time"><br> <input disabled="disabled" type="url"><br> <input disabled="disabled" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form id="myform"> <input form="myform" type="button" value="Button"><br> <input form="myform" type="checkbox"><br> <input form="myform" type="color"><br> <input form="myform" type="date"><br> <input form="myform" type="datetime"><br> <input form="myform" type="datetime-local"><br> <input form="myform" type="email"><br> <input form="myform" type="file"><br> <input form="myform" type="hidden"><br> <input alt="Happy Face" form="myform" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input form="myform" type="month"><br> <input form="myform" type="number"><br> <input form="myform" type="password"><br> <input form="myform" type="radio"><br> <input form="myform" type="range"><br> <input form="myform" type="reset"><br> <input form="myform" type="search"><br> <input form="myform" type="submit"><br> <input form="myform" type="tel"><br> <input form="myform" type="text"><br> <input form="myform" type="time"><br> <input form="myform" type="url"><br> <input form="myform" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" formaction="http://osbo.com/" src="/assets/jpg/HappyFace.jpg" type="image"> <input formaction="/" type="submit"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" formaction="http://osbo.com/" formenctype="utf-8" src="/assets/jpg/HappyFace.jpg" type="image"> <input formenctype="utf-8" type="submit"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" formaction="http://osbo.com/" formmethod="post" src="/assets/jpg/HappyFace.jpg" type="image"> <input formmethod="post" type="submit"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" formaction="http://osbo.com/" formnovalidate="formnovalidate" src="/assets/jpg/HappyFace.jpg" type="image"> <input formnovalidate="formnovalidate" type="submit"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" formaction="http://osbo.com/" formtarget="_blank" src="/assets/jpg/HappyFace.jpg" type="image"> <input formtarget="_blank" type="submit"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input list="datalist" type="color"><br> <input list="datalist" type="date"><br> <input list="datalist" type="datetime"><br> <input list="datalist" type="datetime-local"><br> <input list="datalist" type="email"><br> <input list="datalist" type="month"><br> <input list="datalist" type="number"><br> <input list="datalist" type="range"><br> <input list="datalist" type="search"><br> <input list="datalist" type="tel"><br> <input list="datalist" type="text"><br> <input list="datalist" type="time"><br> <input list="datalist" type="url"><br> <input list="datalist" type="week"><br> <datalist id="datalist"> <option value="value1"> <option value="value2"> <option value="value3"> </datalist> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input max="2010-01-01" type="date"><br> <input max="2010-01-01T12:00:00Z" type="datetime"><br> <input max="2010-01-01T12:00:00" type="datetime-local"><br> <input max="2010-01" type="month"><br> <input max="10.01" type="number"><br> <input max="10.01" type="range"><br> <input max="12:00:00" type="time"><br> <input max="2010-W1" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input maxlength="20" type="email"><br> <input maxlength="20" type="password"><br> <input maxlength="80" type="search"><br> <input maxlength="20" type="tel"><br> <input maxlength="80" type="text"><br> <input maxlength="80" type="url"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input min="2010-01-01" type="date"><br> <input min="2010-01-01T12:00:00Z" type="datetime"><br> <input min="2010-01-01T12:00:00" type="datetime-local"><br> <input min="2010-01" type="month"><br> <input min="10.01" type="number"><br> <input min="10.01" type="range"><br> <input min="12:00:00" type="time"><br> <input min="2010-W1" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input multiple="multiple" type="email" value="email@domain.com, email2@domain.com"><br> <input multiple="multiple" type="file"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input name="myinputbutton" type="button" value="Button"><br> <input name="myinputcheckbox" type="checkbox"><br> <input name="myinputcolor" type="color"><br> <input name="myinputdate" type="date"><br> <input name="myinputdatetime" type="datetime"><br> <input name="myinputdatetimelocal" type="datetime-local"><br> <input name="myinputemail" type="email"><br> <input name="myinputfile" type="file"><br> <input name="myinputhidden" type="hidden"><br> <input alt="Happy Face" height="100px" name="myinputimage" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input name="myinputmonth" type="month"><br> <input name="myinputnumber" type="number"><br> <input name="myinputpassword" type="password"><br> <input name="myinputradio" type="radio"><br> <input name="myinputrange" type="range"><br> <input name="myinputreset" type="reset"><br> <input name="myinputsearch" type="search"><br> <input name="myinputsubmit" type="submit"><br> <input name="myinputtel" type="tel"><br> <input name="myinputtext" type="text"><br> <input name="myinputtime" type="time"><br> <input name="myinputurl" type="url"><br> <input name="myinputweek" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input pattern="[0-9A-Za-z]{+}@[0-9A-Za-z]{+}.[A-Za-z]{2,}" title="The pattern is one or more alphanumeric characters followed by an @ symbol followed by one or more alphnumeric characters followed by a period followed by two or more alpha characters" type="email"><br> <input pattern="[0-9A-Za-z]{+}" title="The pattern is one or more alphanumeric characters" type="search"><br> <input pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" title="The pattern is three numbers followed by a dash followed by three numbers followed by a dash followed by four numbers" type="tel"><br> <input pattern="[0-9][A-Z][a-z]" title="The pattern is a number followed by an uppercase letter followed by a lowercase letter" type="text"><br> <input pattern="http?s://[0-9A-Za-z/.-_]{+}" title="The pattern is a http:// or https:// followed by one or more alphanumeric characters slash period dash or underscore" type="url"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input placeholder="email" type="email"><br> <input placeholder="password" type="password"><br> <input placeholder="search" type="search"><br> <input placeholder="tel" type="tel"><br> <input placeholder="text" type="text"><br> <input placeholder="url" type="url"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input readonly="readonly" type="date"><br> <input readonly="readonly" type="datetime"><br> <input readonly="readonly" type="datetime-local"><br> <input readonly="readonly" type="email"><br> <input readonly="readonly" type="month"><br> <input readonly="readonly" type="number"><br> <input readonly="readonly" type="password"><br> <input readonly="readonly" type="search"><br> <input readonly="readonly" type="tel"><br> <input readonly="readonly" type="text"><br> <input readonly="readonly" type="time"><br> <input readonly="readonly" type="url"><br> <input readonly="readonly" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input required="required" type="checkbox"><br> <input required="required" type="date"><br> <input required="required" type="datetime"><br> <input required="required" type="datetime-local"><br> <input required="required" type="email"><br> <input required="required" type="file"><br> <input required="required" type="month"><br> <input required="required" type="number"><br> <input required="required" type="password"><br> <input required="required" type="radio"><br> <input required="required" type="search"><br> <input required="required" type="tel"><br> <input required="required" type="text"><br> <input required="required" type="time"><br> <input required="required" type="url"><br> <input required="required" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input size="80" type="email"><br> <input size="80" type="password"><br> <input size="80" type="search"><br> <input size="80" type="tel"><br> <input size="80" type="text"><br> <input size="80" type="url"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" src="/assets/jpg/HappyFace.jpg" type="image"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input step="any" type="date"><br> <input step="any" type="datetime"><br> <input step="any" type="datetime-local"><br> <input step="any" type="month"><br> <input step="any" type="number"><br> <input step="any" type="range"><br> <input step="any" type="time"><br> <input step="any" type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input type="button" value="Button"><br> <input type="checkbox"><br> <input type="color"><br> <input type="date"><br> <input type="datetime"><br> <input type="datetime-local"><br> <input type="email"><br> <input type="file"><br> <input type="hidden"><br> <input alt="Happy Face" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input type="month"><br> <input type="number"><br> <input type="password"><br> <input type="radio"><br> <input type="range"><br> <input type="reset"><br> <input type="search"><br> <input type="submit"><br> <input type="tel"><br> <input type="text"><br> <input type="time"><br> <input type="url"><br> <input type="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input type="button" value="Button"><br> <input type="checkbox" value="checkbox"><br> <input type="color" value="color"><br> <input type="date" value="date"><br> <input type="datetime" value="datetime"><br> <input type="datetime-local" value="datetime-local"><br> <input type="email" value="email"><br> <input type="hidden" value="hidden"><br> <input type="month" value="month"><br> <input type="number" value="number"><br> <input type="password" value="password"><br> <input type="radio" value="radio"><br> <input type="range" value="range"><br> <input type="reset" value="Reset"><br> <input type="search" value="search"><br> <input type="submit" value="Submit"><br> <input type="tel" value="tel"><br> <input type="text" value="text"><br> <input type="time" value="time"><br> <input type="url" value="url"><br> <input type="week" value="week"> </form> </body> </html>

<html> <head> <title>input</title> </head> <body> <form> <input alt="Happy Face" src="/assets/jpg/HappyFace.jpg" type="image" width="300px"> </form> </body> </html>

<html> <head> <title>input</title> <style type="text/css"> input { background-color: black; border: none; color: white; } </style> </head> <body> <form> <input type="button" value="Button"><br> <input type="checkbox"><br> <input type="color"><br> <input type="date"><br> <input type="datetime"><br> <input type="datetime-local"><br> <input type="email"><br> <input type="file"><br> <input type="hidden"><br> <input alt="Happy Face" height="100px" src="/assets/jpg/HappyFace.jpg" type="image"><br> <input type="month"><br> <input type="number"><br> <input type="password"><br> <input type="radio"><br> <input type="range"><br> <input type="reset"><br> <input type="search"><br> <input type="submit"><br> <input type="tel"><br> <input type="text"><br> <input type="time"><br> <input type="url"><br> <input type="week"> </form> </body> </html>

W3C HTML 4.01 Specification

W3C HTML5

W3C HTML: The Markup Language