Input tag cheatsheet

Input

 <input ...
   disabled
   required
   checked

   autofocus

   autocomplete='off'        <!-- autocomplete -->
   autocompletetype='cc-exp'
   autocapitalize='off'      <!-- for mobiles -->
   pattern='\d*'             <!-- force numeric input in iOS -->

Input types

Text

email
hidden
password
tel
text
search

Time

date
time

Time (not widely supported)

month
week
datetime
datetime-local

Etc

file
radio
checkbox

Buttons

button
reset
submit
image

Numeric

number
range

Examples

Dates

Type	Example
`type='date'`
`type='time'`

Datetime

Type	Example
`type='datetime'`
`type='datetime-local'`

datetime and datetime-local fields are not widely supported.

Numbers

Type	Example
`type='number'`
`type='range'`

Text

Type	Example
`type='text'`
`type='password'`
`type='search'`
`type='tel'`

Also see

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input