html-input.md

title	Input tag
category	HTML
layout	2017/sheet
updated	2017-10-30
weight	-3

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 {: .-four-column}

Time

• date
• time {: .-four-column}

Time (not widely supported)

• month
• week
• datetime
• datetime-local {: .-four-column}

Etc

• file
• radio
• checkbox {: .-four-column}

Buttons

• button
• reset
• submit
• image {: .-four-column}

Numeric

• number
• range {: .-four-column}

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