Compare Revisions

<input>

Revision 10942:

Revision 10942 by IQAndreas on

Revision 10943:

Revision 10943 by jkleinert on

Title:
input
input
Slug:
HTML/Element/Input
HTML/Element/Input
Tags:
HTML, HTML:Element, "HTML:Element Reference", Forms, NeedsMobileBrowserCompatibility, Fixit, MakeBrowserAgnostic
HTML, HTML:Element, "HTML:Element Reference", Forms, NeedsMobileBrowserCompatibility, Fixit, MakeBrowserAgnostic
Content:

Revision 10942
Revision 10943
n72            <code>color</code>: (HTML5) A control for specifying n72            <code>color</code>: {{ HTMLVersionInline("5"}} A co
>a color.>ntrol for specifying a color.
73          </li>
74          <li>73          </li>
75            <code>date</code>: (HTML5) A control for entering a d
>ate (year, month, and day, with no time). 
76          </li>74          <li>
75            <code>date</code>: {{ HTMLVersionInline("5") }} A con
 >trol for entering a date (year, month, and day, with no time).
77          <li>76          </li>
78            <code>datetime</code>: (HTML5) A control for entering
> a date and time (hour, minute, second, and fraction of a second) 
> based on UTC time zone. 
79          </li>77          <li>
78            <code>datetime</code>: {{ HTMLVersionInline("5") }} A
 > control for entering a date and time (hour, minute, second, and 
 >fraction of a second) based on UTC time zone.
80          <li>79          </li>
81            <code>datetime-local</code>: (HTML5) A control for en
>tering a date and time, with no time zone. 
82          </li>80          <li>
81            <code>datetime-local</code>: {{ HTMLVersionInline("5"
 >) }} A control for entering a date and time, with no time zone.
83          <li>82          </li>
83          <li>
84            <code>email</code>: (HTML5) A field for editing an e-84            <code>email</code>: {{ HTMLVersionInline("5"}} A fi
>mail address. The {{ cssxref(":valid") }} and {{ cssxref(":invali>eld for editing an e-mail address. The {{ cssxref(":valid") }} an
>d") }}&nbsp;CSS pseudo-classes are applied as appropriate.>d {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are applied a
 >s appropriate.
n96            <code>month</code>: (HTML5) A control for entering a n96            <code>month</code>: {{ HTMLVersionInline("5"}} A co
>month and year, with no time zone.>ntrol for entering a month and year, with no time zone.
97          </li>
98          <li>97          </li>
98          <li>
99            <code>number</code>: (HTML5) A control for entering a99            <code>number</code>: {{ HTMLVersionInline("5"}} A c
> floating point number.>ontrol for entering a floating point number.
n108            <code>range</code>: (HTML5) A control for entering a n108            <code>range</code>: {{ HTMLVersionInline("5"}} A co
>number whose exact value is not important. This type control uses>ntrol for entering a number whose exact value is not important. T
> the following default values if the corresponding attributes are>his type control uses the following default values if the corresp
> not specified:>onding attributes are not specified:
n128            <code>search</code>: (HTML5) A single-line text fieldn128            <code>search</code>: {{ HTMLVersionInline("5"}} A s
> for entering search strings; line-breaks are automatically remov>ingle-line text field for entering search strings; line-breaks ar
>ed from the input value.>e automatically removed from the input value.
n134            <code>tel</code>: (HTML5) A control for entering a ten134            <code>tel</code>: {{ HTMLVersionInline("5"}} A cont
>lephone number; line-breaks are automatically removed from the in>rol for entering a telephone number; line-breaks are automaticall
>put value, but no other syntax is enforced. You can use attribute>y removed from the input value, but no other syntax is enforced. 
>s such as <strong>pattern</strong> and <strong>maxlength</strong>>You can use attributes such as <strong>pattern</strong> and <stro
> to restrict values entered in the control. The {{ cssxref(":vali>ng>maxlength</strong> to restrict values entered in the control. 
>d") }} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are >The {{ cssxref(":valid") }} and {{ cssxref(":invalid") }}&nbsp;CS
>applied as appropriate.>S pseudo-classes are applied as appropriate.
n140            <code>time</code>: (HTML5) A control for entering a tn140            <code>time</code>: {{ HTMLVersionInline("5"}} A con
>ime value with no time zone.>trol for entering a time value with no time zone.
141          </li>
142          <li>141          </li>
142          <li>
143            <code>url</code>: (HTML5) A field for editing a URL. 143            <code>url</code>: {{ HTMLVersionInline("5"}} A fiel
>The user may enter a blank or invalid address. Line-breaks are au>d for editing a URL. The user may enter a blank or invalid addres
>tomatically removed from the input value. You can use attributes >s. Line-breaks are automatically removed from the input value. Yo
>such as <strong>pattern</strong> and <strong>maxlength</strong> t>u can use attributes such as <strong>pattern</strong> and <strong
>o restrict values entered in the control. The {{ cssxref(":valid">>maxlength</strong> to restrict values entered in the control. Th
>) }} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are ap>e {{ cssxref(":valid") }} and {{ cssxref(":invalid") }}&nbsp;CSS 
>plied as appropriate.>pseudo-classes are applied as appropriate.
144          </li>
145          <li>144          </li>
145          <li>
146            <code>week</code>: (HTML5) A control for entering a d146            <code>week</code>: {{ HTMLVersionInline("5"}} A con
>ate consisting of a week-year number and a week number with no ti>trol for entering a date consisting of a week-year number and a w
>me zone.>eek number with no time zone.
t159            <code>audio/*</code> representing sound files (HTML5)t159            <code>audio/*</code> representing sound files {{ HTML
 >VersionInline("5") }}
160          </li>
161          <li>160          </li>
162            <code>video/*</code> representing video files (HTML5)
163          </li>161          <li>
162            <code>video/*</code> representing video files {{ HTML
 >VersionInline("5") }}
164          <li>163          </li>
164          <li>
165            <code>image/*</code> representing image files (HTML5)165            <code>image/*</code> representing image files {{ HTML
 >VersionInline("5") }}

Back to History