Compare Revisions

<input>

Change Revisions

Revision 10936:

Revision 10936 by FreakCERS on

Revision 10937:

Revision 10937 by IQAndreas 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 10936
Revision 10937
n72            <code>color</code>: A control for specifying a color.n72            <code>color</code>: A control for specifying a color.
> (HTML5)> {{ HTMLVersionInline("5") }}
73          </li>
74          <li>73          </li>
75            <code>date</code>: A control for entering a date (yea
>r, month, and day, with no time). (HTML5) 
76          </li>74          <li>
75            <code>date</code>: A control for entering a date (yea
 >r, month, and day, with no time). {{ HTMLVersionInline("5") }}
77          <li>76          </li>
78            <code>datetime</code>:&nbsp;A control for entering a 
>date and time (hour, minute, second, and fraction of a second) ba 
>sed on UTC time zone. (HTML5) 
79          </li>77          <li>
78            <code>datetime</code>:&nbsp;A control for entering a 
 >date and time (hour, minute, second, and fraction of a second) ba
 >sed on UTC time zone. {{ HTMLVersionInline("5") }}
80          <li>79          </li>
81            <code>datetime-local</code>:&nbsp;A control for enter
>ing a date and time, with no time zone. (HTML5) 
82          </li>80          <li>
81            <code>datetime-local</code>:&nbsp;A control for enter
 >ing a date and time, with no time zone. {{ HTMLVersionInline("5")
 > }}
83          <li>82          </li>
83          <li>
84            <code>email</code>:&nbsp;A field for editing an e-mai84            <code>email</code>:&nbsp;A field for editing an e-mai
>l address. The {{ cssxref(":valid") }} and {{ cssxref(":invalid")>l address. The {{ cssxref(":valid") }} and {{ cssxref(":invalid")
> }}&nbsp;CSS pseudo-classes are applied as appropriate. (HTML5)> }}&nbsp;CSS pseudo-classes are applied as appropriate. {{ HTMLVe
 >rsionInline("5") }}
n96            <code>month</code>:&nbsp;A control for entering a monn96            <code>month</code>:&nbsp;A control for entering a mon
>th and year, with no time zone. (HTML5)>th and year, with no time zone. {{ HTMLVersionInline("5") }}
97          </li>
98          <li>97          </li>
98          <li>
99            <code>number</code>: A control for entering a floatin99            <code>number</code>: A control for entering a floatin
>g point number. (HTML5)>g point number. {{ HTMLVersionInline("5") }}
n122            </ul>(HTML5)n122            </ul>{{ HTMLVersionInline("5") }}
n128            <code>search</code>: A single-line text field for entn128            <code>search</code>: A single-line text field for ent
>ering search strings; line-breaks are automatically removed from >ering search strings; line-breaks are automatically removed from 
>the input value. (HTML5)>the input value. {{ HTMLVersionInline("5") }}
n134            <code>tel</code>:&nbsp;A control for entering a telepn134            <code>tel</code>:&nbsp;A control for entering a telep
>hone number; line-breaks are automatically removed from the input>hone number; line-breaks are automatically removed from the input
> value, but no other syntax is enforced. You can use attributes s> value, but no other syntax is enforced. You can use attributes s
>uch as <strong>pattern</strong> and <strong>maxlength</strong> to>uch as <strong>pattern</strong> and <strong>maxlength</strong> to
> restrict values entered in the control. The {{ cssxref(":valid")> restrict values entered in the control. The {{ cssxref(":valid")
> }} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are app> }} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are app
>lied as appropriate. (HTML5)>lied as appropriate. {{ HTMLVersionInline("5") }}
n140            <code>time</code>: A control for entering a time valun140            <code>time</code>: A control for entering a time valu
>e with no time zone. (HTML5)>e with no time zone. {{ HTMLVersionInline("5") }}
141          </li>
142          <li>141          </li>
142          <li>
143            <code>url</code>:&nbsp;A field for editing a URL. The143            <code>url</code>:&nbsp;A field for editing a URL. The
> user may enter a blank or invalid address. Line-breaks are autom> user may enter a blank or invalid address. Line-breaks are autom
>atically removed from the input value. You can use attributes suc>atically removed from the input value. You can use attributes suc
>h as <strong>pattern</strong> and <strong>maxlength</strong> to r>h as <strong>pattern</strong> and <strong>maxlength</strong> to r
>estrict values entered in the control. The {{ cssxref(":valid") }>estrict values entered in the control. The {{ cssxref(":valid") }
>} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are appli>} and {{ cssxref(":invalid") }}&nbsp;CSS pseudo-classes are appli
>ed as appropriate. (HTML5)>ed as appropriate. {{ HTMLVersionInline("5") }}
144          </li>
145          <li>144          </li>
145          <li>
146            <code>week</code>:&nbsp;A control for entering a date146            <code>week</code>:&nbsp;A control for entering a date
> consisting of a week-year number and a week number with no time > consisting of a week-year number and a week number with no time 
>zone. (HTML5)>zone. {{ HTMLVersionInline("5") }}
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