href="#input0">input</a></code> element depends on the state of its <code
title=attr-input-type><a href="#type12">type</a></code> attribute.
Similarly, the <code title=dom-input-checked><a
href="#checked1">checked</a></code>, <code title=dom-input-value><a
href="#value8">value</a></code>, <code title=dom-input-valueAsDate><a
href="#checked1">checked</a></code>, <code title=dom-input-valueAsDate><a
href="#valueasdate">valueAsDate</a></code>, <code
title=dom-input-valueAsNumber><a
href="#valueasnumber">valueAsNumber</a></code>, <code
<td class=no> · <!-- Button -->
<tr>
<th> <code title=dom-input-value><a href="#value8">value</a></code>
<td class=yes> Yes <!-- Text, Password -->
<td class=no> · <!-- E-mail -->
<td class=no> · <!-- URL -->
<td class=no> · <!-- Date and Time -->
<td class=no> · <!-- Local Date and Time -->
<td class=no> · <!-- Date -->
<td class=no> · <!-- Month -->
<td class=no> · <!-- Week -->
<td class=no> · <!-- Time -->
<td class=no> · <!-- Number -->
<td class=no> · <!-- Range -->
<td class=no> · <!-- Checkbox -->
<td class=no> · <!-- Radio Button -->
<td class=no> · <!-- File -->
<td class=no> · <!-- Hidden -->
<td class=no> · <!-- Submit Button -->
<td class=no> · <!-- Image Button -->
<td class=no> · <!-- Reset Button -->
<td class=no> · <!-- Button -->
<tr>
<th> <code title=dom-input-valueAsDate><a
href="#valueasdate">valueAsDate</a></code>
state must be invoked.
<p>Each <code><a href="#input0">input</a></code> element has a <a
href="#value10" title=concept-fe-value>value</a>.
href="#value10" title=concept-fe-value>value</a>, which is exposed by the
<code title=dom-input-value><a href="#value8">value</a></code> DOM
attribute.
<p>Each <code><a href="#input0">input</a></code> element has a boolean <dfn
id=mutability title=concept-input-mutability>mutability flag</dfn>. When
title=concept-input-immutable><a href="#immutable">immutable</a></i>.
<p>Each <code><a href="#input0">input</a></code> element has a boolean <dfn
id=dirty>dirty flag</dfn>, which must be initially set to false when the
element is created, and which must be set to true whenever the user
interacts with the control in a way that changes the <a href="#value10"
title=concept-fe-value>value</a>.
id=dirty title=concept-input-dirty-flag>dirty flag</dfn>. When it is true,
the element is said to be <dfn id=dirty0
title=concept-input-dirty><i>dirty</i></dfn>.
<p>The <a href="#dirty" title=concept-input-dirty-flag>dirty flag</a> must
be initially set to false (not <i title=concept-input-dirty><a
href="#dirty0">dirty</a></i>) when the element is created, and must be set
to true (<i title=concept-input-dirty><a href="#dirty0">dirty</a></i>)
whenever the user interacts with the control in a way that changes the <a
href="#value10" title=concept-fe-value>value</a>.
<p>The <dfn id=value7 title=attr-input-value><code>value</code></dfn>
content attribute gives the default <a href="#value10"
<p>The <a href="#reset5" title=concept-form-reset-control>reset
algorithm</a> for <code><a href="#input0">input</a></code> elements is to
set the <a href="#dirty">dirty flag</a> back to false, and then invoke the
<a href="#default2">default value change algorithm</a> defined for the
<code title=attr-input-type><a href="#type12">type</a></code> attribute's
set the <a href="#dirty" title=concept-input-dirty-flag>dirty flag</a>
back to false (not <i title=concept-input-dirty><a
href="#dirty0">dirty</a></i>), and then invoke the <a
href="#default2">default value change algorithm</a> defined for the <code
title=attr-input-type><a href="#type12">type</a></code> attribute's
current state.
<p>The <code title=attr-fae-form><a href="#form0">form</a></code> attribute
<p><strong>The <a href="#text2" title=attr-input-type-text>Text</a> state's
<a href="#default2">default value change algorithm</a> is as
follows:</strong> If the <code><a href="#input0">input</a></code> element
is not <a href="#dirty" title="dirty flag" >dirty</a> then set the <a
href="#value10" title=concept-fe-value>value</a> of the element to the
value of the <code title=attr-input-value><a
is not <i title=concept-input-dirty>< a href="#dirty0" >dirty</a></i> then
set the <a href="#value10" title=concept-fe-value>value</a> of the element
to the value of the <code title=attr-input-value><a
href="#value7">value</a></code> content attribute and <a
href="#strip">strip line breaks from the value</a>.