<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;INPUT&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;INPUT&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML End Tag: Forbidden&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>An <span class="literal">input</span> element is sometimes known as a form
control, although not all <span class="literal">input</span> elements are
visible on the page. For the most part, an <span class="literal">input</span>
element provides a place for users to enter text, click buttons, and
make selections from lists. The data gathered from this interaction
can be submitted to a server-side program (when the surrounding
<span class="literal">form</span> element is submitted), or it may be used
strictly on the client as a way for users to interact with
client-side scripts. Server applications also commonly embed session
data in a page's hidden input elements so that the
data gets submitted with the next form submissionone way to
cascade data gathering across multiple form pages without maintaining
the data temporarily on the server between page deliveries.
</p><p>Prior to HTML 4, <span class="literal">input</span> elements were supposed to
be wrapped by a <span class="literal">form</span> element in all instances.
This restriction is loosening up, but Navigator 4 still requires the
<span class="literal">form</span> wrapper in order to render
<span class="literal">input</span> elements.
</p><p>The primary attribute that determines the kind of control displayed
on the page is the <span class="literal">type</span> attribute. This attribute
can have one of the following values: <span class="literal">button</span>,
<span class="literal">checkbox</span>, <span class="literal">file</span>,
<span class="literal">hidden</span>, <span class="literal">image</span>,
<span class="literal">password</span>, <span class="literal">radio</span>,
<span class="literal">reset</span>, <span class="literal">submit</span>, or
<span class="literal">text</span>. Not all <span class="literal">input</span> element
types utilize the full range of attributes defined for the
<span class="literal">input</span> element; sometimes a single attribute has
different powers with different element types. For each attribute of
the <span class="literal">input</span> element, the listing specifies the types
to which it applies. Although the <span class="literal">textarea</span> element
has its own tag, it is often treated like another form control.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;FORM method="POST" action="http://www.giantco.com/cgi-bin/query.pl"&gt;
First Name: &lt;INPUT type="text" name="first" id="first" maxlength="15"&gt;&lt;BR&gt;
Last Name: &lt;INPUT type="text" name="last" id="last" maxlength="25"&gt;&lt;BR&gt;
ZIP Code: &lt;INPUT type="text" name="zip" id="zip" maxlength="10"&gt;&lt;BR&gt;
&lt;INPUT type="reset"&gt;
&lt;INPUT type="submit"&gt;
&lt;/FORM&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>
[window.]document.forms[i].elements[j]
[window.]document.getElementById(<span class="replaceable">elementID)</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">accept</span></td><td><span class="literal">accesskey</span></td><td><span class="literal">align</span></td><td><span class="literal">alt</span></td><td><span class="literal">border</span></td>
								</tr>
								<tr><td><span class="literal">checked</span></td><td><span class="literal">datafld</span></td><td><span class="literal">datasrc</span></td><td><span class="literal">disabled</span></td><td><span class="literal">dynsrc</span></td>
								</tr>
								<tr><td><span class="literal">height</span></td><td><span class="literal">hspace</span></td><td><span class="literal">ismap</span></td><td><span class="literal">loop</span></td><td><span class="literal">lowsrc</span></td>
								</tr>
								<tr><td><span class="literal">maxlength</span></td><td><span class="literal">name</span></td><td><span class="literal">readonly</span></td><td><span class="literal">size</span></td><td><span class="literal">src</span></td>
								</tr>
								<tr><td><span class="literal">start</span></td><td><span class="literal">type</span></td><td><span class="literal">usemap</span></td><td><span class="literal">value</span></td><td><span class="literal">vspace</span></td>
								</tr>
								<tr><td><span class="literal">width</span></td><td></td><td></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Event Handler Attributes</span></td>
				</tr>
				<tr>
					<td><p>Not all events are active in all input types. </p>
						<table border="1"><tbody><th>Handler</th><th>NN</th><th>IE</th><th>HTML</th><tr><td>onafterupdate</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onbeforeupdate</td><td>n/a</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onchange</td><td>2</td><td>3</td><td>4</td>
								</tr>
								<tr><td>onselect</td><td>2</td><td>3</td><td>4</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
			</table>
		</div><div id="accept">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">accept</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">6</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">accept="<span class="replaceable">MIMETypeList</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Specifies one or more MIME types for allowable files to be uploaded
to the server when the form is submitted. The HTML 4 provides this
attribute in case a browser wishes to incorporate some file type
filtering prior to submitting a form with a file
<span class="literal">input</span> element. As of Version 6 browsers, this
attribute has no practical impact on file selection or submission.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="file" accept="text/html, image/gif" ...&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>MIME type (content type) value. For multiple items, a comma-delimited
list is allowed.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="accesskey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">accesskey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">accesskey="<span class="replaceable">character</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>See the description of this shared attribute at the beginning of this
chapter for general characteristics. For file
<span class="literal">input</span> types, pressing the
<span class="literal">accesskey</span> combination places the text pointer in
the associated text box, but does not
"click" the Browser button.
</p>
					</td>
				</tr>
			</table>
		</div><div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">align="<span class="replaceable">alignmentConstant</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Determines how the rectangle of the input image aligns within the
context of the surrounding content. See Section 8.1.5
earlier in this chapter for a description of the possibilities for
this attribute with <span class="literal">img</span> elements.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" name="icon" src="icon.gif" align="absmiddle"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Alignment-constant value applied to elements outside the image
rectangle.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">left</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.align
[window.]document.forms[i].elements[j].align
[window.]document.getElementById(<span class="replaceable">elementID</span>).align</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="alt">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">alt</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">alt="<span class="replaceable">textMessage</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Provides text description of the <span class="literal">input</span> element
image while the image downloads, in lieu of rendered images, or for
text-to-speech browsers. Behaves just like the <span class="literal">alt</span>
attribute of the <span class="literal">img</span> element.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" name="icon" src="sndIcon.gif" alt="Sound Icon"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any quoted string of characters.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.alt
[window.]document.forms[i].elements[j].alt
[window.]document.getElementById(<span class="replaceable">elementID</span>).alt</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="border">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">border</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4(Mac)</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">border="<span class="replaceable">pixels</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Navigator 4 and later on all OS platforms and IE 4 and later on the
Mac let you specify a border around the <span class="literal">input</span>
element image. Because an <span class="literal">input</span> element whose
<span class="literal">type</span> attribute is <span class="literal">"image"</span> acts
as a submit-style button, the border is rendered in the
browser's link colors, unless overridden by a style
sheet. If you want a different color for a plain border, use style
sheets (with the appropriate <span class="literal">div</span> or
<span class="literal">span</span> wrapper for Navigator 4). Navigator 4 (only)
places a border around the image by default. Set the
<span class="literal">border</span> attribute to zero to remove the border.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" name="icon" src="sndIcon.gif" border="0"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any integer pixel value.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">2</span> (Navigator 4) or <span class="literal">0</span> (All
others).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.border
[window.]document.forms[i].elements[j].border
[window.]document.getElementById(<span class="replaceable">elementID</span>).border</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="checked">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">checked</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">checked</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>A Boolean attribute that designates whether the current checkbox or
radio <span class="literal">input</span> element is turned on when the page
loads. In the case of a radio button grouping, only one
<span class="literal">input</span> element should have the
<span class="literal">checked</span> attribute. Scripts can modify the internal
value of this attribute after the page has loaded. When the form is
submitted, an <span class="literal">input</span> element that has its
<span class="literal">checked</span> attribute turned on sends its name/value
pair as part of the form data. The name/value pair consists of values
assigned to the <span class="literal">name</span> and <span class="literal">value</span>
attributes for the element. If no value is assigned to the
<span class="literal">value</span> attribute, the string value
<span class="literal">"active"</span> or <span class="literal">"on"</span> is
automatically assigned when the checkbox or radio button is
highlighted. This is fine for checkboxes because each one should be
uniquely named. However, all radio buttons in a related group must
have the same name for browsers to handle the automatic highlighting
and unhighlighting within the group. This default characteristic
doesn't provide enough information for most
server-side programs to work with. See the <span class="literal">name</span>
attribute below.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="checkbox" name="addToList" checked&gt;Send email updates to this
web site.</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>The presence of this attribute turns on its property.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Off.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.checked
[window.]document.forms[i].elements[j].checked
[window.]document.getElementById(<span class="replaceable">elementID</span>).checked</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="datafld">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">datafld</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">|4|</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">datafld="<span class="replaceable">columnName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Used with IE 4 data binding to associate a remote data source column
name with parts of various <span class="literal">input</span> elements. A
<span class="literal">datasrc</span> attribute must also be set for the
element. Works only with text file data sources in IE 5/Mac.
</p><p>This attribute was reserved in HTML 4, but was dropped in XHTML 1.0.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="first" datasrc="DBSRC3" datafld="firstName"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-sensitive identifier.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.dataFld
[window.]document.forms[i].elements[j].dataFld
[window.]document.getElementById(<span class="replaceable">elementID</span>).dataFld</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="datasrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">datasrc</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">|4|</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">datasrc="<span class="replaceable">dataSourceName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Used with IE data binding to specify the ID of the
page's <span class="literal">object</span> element that loads
the data source object for remote data access. Content from the data
source is specified via the <span class="literal">datafld</span> attribute.
Works only with text file data sources in IE 5/Mac.
</p><p>This attribute was reserved in HTML 4, but was dropped in XHTML 1.0.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="first" datasrc="DBSRC3" datafld="firstName"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-sensitive identifier.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.dataSrc
[window.]document.forms[i].elements[j].dataSrc
[window.]document.getElementById(<span class="replaceable">elementID</span>).dataSrc</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="disabled">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">disabled</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">disabled</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>A disabled <span class="literal">input</span> element appears grayed out on the
screen and cannot be activated by the user. A disabled form control
cannot receive focus and does not become active within the tabbing
order rotation. IE/Windows extends this to mean that if one radio
button in a group is disabled, the entire group is disabled. Not so
in IE/Mac or Netscape 6, which let unhighlighted buttons uncheck a
disabled checked member of the group.
</p><p>The name/value pair of a disabled <span class="literal">input</span> element is
not sent to the server when the form is submitted.
<span class="literal">input</span> elements that normally perform submissions
do not submit their form when disabled.
</p><p>The <span class="literal">disabled</span> attribute is a Boolean type, which
means that in HTML format, its presence in the attribute sets its
value to <span class="literal">true</span>. Its value can also be adjusted
after the fact by scripting (see the <span class="literal">button</span> object
in Chapter 9).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;BUTTON type="submit" disabled&gt;Ready to Submit &lt;/BUTTON&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>The presence of the attribute disables the element.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.disabled
[window.]document.forms[i].elements[j].disabled
[window.]document.getElementById(<span class="replaceable">elementID</span>).disabled</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="dynsrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dynsrc</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">dynsrc="<span class="replaceable">URL</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Internet Explorer 4 and later allows video clips (and VRML) to be
displayed via an image type <span class="literal">input</span> element. To help
the browser differentiate between a dynamic and static image source,
you use the <span class="literal">dynsrc</span> attribute in place of the
<span class="literal">src</span> attribute to load the video clip. All other
visual aspects of the input type <span class="literal">input</span> element are
therefore immediately applicable to the rectangular region devoted to
playing the video clip. See also the <span class="literal">loop</span>
attribute for controlling the frequency of clip play and the
<span class="literal">start</span> attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" dynsrc="submit.avi" alt="Submit Button" loop="3" height="100" width="150"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any valid URL, including complete and relative URLs.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.dynsrc
[window.]document.forms[i].elements[j].dynsrc
[window.]document.getElementById(<span class="replaceable">elementID).</span>dynsrc</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="height, width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">height, width</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">height="<span class="replaceable">pixels</span>"
width="<span class="replaceable">pixels</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the dimensions of the image used for the
<span class="literal">input</span> element. If you omit these attributes, the
browser waits for the image to load before allocating space on the
page for the element.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" src="submit.jpg" height="20" width="60"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Positive integers.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Default image size.</p>
					</td>
				</tr>
			</table>
		</div><div id="hspace, vspace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">hspace, vspace</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">height="<span class="replaceable">pixels</span>"
width="<span class="replaceable">pixels</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Establishes extra padding around the image (and, thus, the
<span class="literal">input</span> element) to keep other content at a minimum
distance. The <span class="literal">hspace</span> controls the padding
thickness of both the left and right edges; <span class="literal">vspace</span>
does the same for top and bottom.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" src="submit.jpg" alt="Submit Button"
height="20" width="60" hspace="10" vspace="20"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Positive integers.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div>
		<div id="id">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">id</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">id="<span class="replaceable">elementIdentifier</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>A unique identifier that distinguishes this element from all the rest
		in the document. Can be used to associate a single element with a
		style rule naming this attribute value as an ID selector. An element
		can have an ID assigned for uniqueness as well as a class for
		inclusion within a group. See Chapter 3.
		</p><p>IE 4 and later and Netscape 6 allow <span class="literal">id</span> attributes
		for nonrenderable elements, but if your code requires validation, be
		aware that the W3C HTML 4 and XHTML DTDs do not. Because all W3C DOM
		elements have an <span class="literal">id</span> property, it is natural to
		assign an <span class="literal">id</span> attribute to non-renderable elements
		if scripts must reference those elements. Or, your scripts may use
		other ways (e.g., the array returned by
		<span class="literal">document.getElementsByTagName( )</span>) to reference
		such elements.
		</p><p>Assign identifiers to <span class="literal">id</span> attributes in order to
		duplicate values previously only assigned to <span class="literal">name</span>
		attributes in elements that feature the <span class="literal">name</span>
		attribute. Current browser form controls still require
		<span class="literal">name</span> attributes for name/value pairs to be
		submitted with the form, and a elements acting as anchors still need
		name attributes. Be sure to assign an identifier to the
		<span class="literal">id</span> attribute of any element you intend to
		reference by script.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;H2 id="sect3Head"&gt;Section Three&lt;/H2&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-sensitive identifier.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>id</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="ismap">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">ismap</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">ismap</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The Boolean <span class="literal">ismap</span> attribute tells the browser that
the image representing the <span class="literal">input</span> element is acting
as a server-side image map. Unlike the <span class="literal">img</span>
element, the image type <span class="literal">input</span> element has an
action (submitting the form) associated with it, so no surrounding
<span class="literal">a</span> element is required. The browser appends
coordinate information about the click to the URL of the
form's action. See the <span class="literal">usemap</span>
attribute for client-side image map details.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image src="navbar.gif" alt="Navigation Bar" ismap height="90" width="120"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>The presence of the attribute turns the feature on.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Off.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.isMap
[window.]document.forms[i].elements[j].isMap
[window.]document.getElementById(<span class="replaceable">elementID).</span>isMap</pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The language being used for the element's attribute
		values and content. A browser can use this information to assist in
		proper rendering of content with respect to details such as treatment
		of ligatures (when supported by a particular font or required by a
		written language), quotation marks, and hyphenation. Other
		applications and search engines might use this information to aid the
		selection of spell-checking dictionaries and the creation of indices.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-insensitive language code.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>Browser default.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="loop">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">loop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">loop="<span class="replaceable">loopCount</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>If you specify a video clip with the <span class="literal">dynsrc</span>
attribute, the <span class="literal">loop</span> attribute controls how many
times the clip should play ("loop")
after it loads. If you set the value to zero, the clip loads but does
not play initially. Video clips that are not currently running play
when the user double-clicks on the image, but you may need to provide
instructions for that on the page because there are no other obvious
controls.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" dynsrc="snowman.avi" alt="Snowman Movie" loop="3"
height="100" width="150"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any positive integer or zero.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">1</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.loop
[window.]document.forms[i].elements[j].loop
[window.]document.getElementById(<span class="replaceable">elementID).</span>loop</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="lowsrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">lowsrc</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">lowsrc="<span class="replaceable">URL</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Provides a URL to an alternate low-resolution image to be loaded
initially if the <span class="literal">src</span> image is taking a long time
to load.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" src="navbar.jpg" alt="Navigation Bar" lowsrc="navbarBW.jpg"
height="60" width="300"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any valid URL, including complete and relative URLs.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.lowsrc
[window.]document.forms[i].elements[j].lowsrc
[window.]document.getElementById(<span class="replaceable">elementID).</span>lowsrc</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="maxlength">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">maxlength</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">maxlength="<span class="replaceable">characterCount</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the maximum number of characters that may be typed into a
text field <span class="literal">input</span> element. In practice, browsers
beep or otherwise alert users when a typed character would exceed the
<span class="literal">maxlength</span> value. There is no innate correlation
between the <span class="literal">maxlength</span> and <span class="literal">size</span>
attributes. If the <span class="literal">maxlength</span> allows for more
characters than fit within the specified width of the element, the
browser provides horizontal scrolling (albeit awkward for many users)
to allow entry and editing of the field.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="ZIP" maxlength="10"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Positive integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Unlimited.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.maxLength
[window.]document.forms[i].elements[j].maxLength
[window.]document.getElementById(<span class="replaceable">elementID</span>).maxLength</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="name">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">name</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">name="<span class="replaceable">elementIdentifier</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional/Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>If the <span class="literal">input</span> element is part of a form being
submitted to a server, the <span class="literal">name</span> attribute is
required if the value of the element is to be submitted with the
form. For forms that are in documents for the convenience of scripted
form elements, <span class="literal">input</span> element names are not
required but are helpful just the same in creating scripted
references to these objects and their properties or methods.
</p><p>The identifier you assign to the <span class="literal">name</span> attribute
becomes part of the name/value pair submitted to the server. Radio
button elements that are to act as a mutually exclusive group must
all have the same <span class="literal">name</span> attribute value. In many
browsers, failure to include a <span class="literal">name</span> attribute
assignment disallows user access to checkbox or radio
<span class="literal">input</span> elements.
</p><p>The HTML 4 and XHTML specifications encourage using the
<span class="literal">id</span> attribute in place of the
<span class="literal">name</span> attribute throughout your pages. Mainstream
browsers through Version 6 do not submit data from
<span class="literal">input</span> elements bearing an <span class="literal">id</span>
assignment but no <span class="literal">name</span> assignment. For consistency
with DHTML-scripted DOM access of all elements, it's
good practice to assign both attributes, even using the same
identifier for both (except for radio buttons, whose IDs need to be
unique, while their names are shared). Let the
<span class="literal">name</span> attribute carry the
element's value to the server, while scripts reach
the elements via their IDsespecially in browsers that provide
the IE <span class="literal">document.all.elementID</span> or W3C DOM
<span class="literal">document.getElementById(elementID)</span> referencing
syntax. Perhaps reluctantly, the strict XHTML DTD validates the
<span class="literal">name</span> attribute for <span class="literal">input</span>
elements so that validated pages will function within the reality of
former and current browser implementations.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="ZIP" id="ZIP" maxlength="10"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-sensitive identifier.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.name
[window.]document.forms[i].elements[j].name
[window.]document.getElementById(<span class="replaceable">elementID</span>).name</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="readonly">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">readonly</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">readonly</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>When the <span class="literal">readonly</span> attribute is present, the text
field <span class="literal">input</span> element cannot be edited on the page
by the user (although scripts can modify the content). A field marked
as <span class="literal">readonly</span> should not receive focus within the
tabbing order (although IE 4 and later for the Macintosh allows the
field to receive focus and beeps if a user tries to type).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="ZIP" readonly&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>The presence of the attribute sets its value to
<span class="literal">true</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.readOnly
[window.]document.forms[i].elements[j].readOnly
[window.]document.getElementById(<span class="replaceable">elementID</span>).readOnly</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="size">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">size</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">size="<span class="replaceable">elementWidth</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>In practice, the <span class="literal">size</span> attribute is limited to
describing the width of text field <span class="literal">input</span> elements
based on the number of characters that display. The actual rendered
width is calculated based on the font setting (or default font) for
the element, but the results are not always perfect. Variations in
font rendering (and the ability to specify alternate font faces and
sizes in newer browsers) sometimes lead to unexpectedly narrower
fields. Therefore, it is not wise to automatically set the
<span class="literal">size</span> and <span class="literal">maxlength</span> attributes
to the same value without testing the results on a wide variety of
browsers and operating systems with worst-case data (for example, all
"m" or
"W" characters in proportional
fonts). The HTML 4 specification indicates that the
<span class="literal">size</span> attribute might be applied to other
<span class="literal">input</span> element types (as pixels, rather than
characters), but as of the Version 6 browsers, this is not the case.
In the meantime, you can use CSS attributes to make buttons wider
than the default size that tracks the width of the
<span class="literal">value</span> attribute string.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="text" name="ZIP" maxlength="10" size="12"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any positive integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">20</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.size
[window.]document.forms[i].elements[j].size
[window.]document.getElementById(<span class="replaceable">elementID</span>).size</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="src">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">src</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">src="<span class="replaceable">URL</span>"</p>
					</td><td valign="top" nowrap class="requirements">Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>URL to a file containing image data that is displayed through the
<span class="literal">input</span> element of type image. The browser must be
equipped to handle the image MIME type. On the World Wide Web, the
most common image formats are GIF and JPEG.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" name="icon" src="sndIcon.gif" border="0"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A complete or relative URL.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.src
[window.]document.forms[i].elements[j].src
[window.]document.getElementById(<span class="replaceable">elementID</span>).src</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="start">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">start</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">start="<span class="replaceable">videoStartType</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Whenever you set the <span class="literal">dynsrc</span> attribute of an image
type <span class="literal">input</span> element to display a video clip in
Internet Explorer, you can direct the element to start playing the
video immediately after the video file loads or when the user rolls
the cursor over the image. The <span class="literal">start</span> attribute
lets you decide the best user interface for your page.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image dynsrc="submit.avi" alt="Submit Button" loop="1"
start="mouseover" height="100" width="150"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>One of the two case-insensitive constant values:
<span class="literal">fileopen</span> | <span class="literal">mouseover</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">fileopen</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.start
[window.]document.forms[i].elements[j].start
[window.]document.getElementById(<span class="replaceable">elementID</span>).start</pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="tabindex">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">tabindex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">tabindex="<span class="replaceable">integer</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>A number that indicates the sequence of this element within the
		tabbing order of all focusable elements in the document. Tabbing
		order follows a strict set of rules. Elements that have values other
		than zero assigned to their <span class="literal">tabindex</span> attributes
		are first in line when a user starts tabbing in a page. Focus starts
		with the element with the lowest <span class="literal">tabindex</span> value
		and proceeds in order to the highest value, regardless of physical
		location on the page or in the document. If two elements have the
		same <span class="literal">tabindex</span> values, the element that comes
		earlier in the document receives focus first. Next come all elements
		that either don't support the
		<span class="literal">tabindex</span> attribute or have the value set to zero.
		These elements receive focus in the order in which they appear in the
		document. Note that reloading the current page does not necessarily
		restart the tabbing sequence from the
		"top." Therefore, controlling
		tabbing sequence is most helpful when the logic of your focusable
		elements is something other than the source code order of those
		elements (e.g., directing tabbing to fields down table columns rather
		than across rows).
		</p><p>HTML 4 and Netscape 6 limit the <span class="literal">tabindex</span> attribute
		to the following elements: <span class="literal">a</span>,
		<span class="literal">area</span>, <span class="literal">button</span>,
		<span class="literal">input</span>, <span class="literal">object</span>,
		<span class="literal">select</span>, <span class="literal">textarea</span>. To this list,
		IE 4 adds <span class="literal">applet</span>, <span class="literal">body</span>,
		<span class="literal">div</span>, <span class="literal">embed</span>,
		<span class="literal">isindex</span>, <span class="literal">marquee</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span>. IE 5 adds every other renderable element. A
		negative value in IE (only) removes an element from tabbing order
		entirely.
		</p><p>Links and anchors cannot be tabbed to with the Mac version of IE 4,
		so the tabindex for a elements is ignored in that version.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;A href="chapter3.html" tabindex="3"&gt;Chapter 3&lt;/A&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Any integer from 0 through 32,767. In IE, setting
		<span class="literal">tabindex</span> to a negative value causes the element to
		be skipped in tabbing order altogether.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>tabIndex</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="type">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">type</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">type="<span class="replaceable">elementType</span>"</p>
					</td><td valign="top" nowrap class="requirements">Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Advises the browser how to render the <span class="literal">input</span>
element (or even whether the element should be rendered at all).
Possible choices are as follows.
</p>
						<table border="1"><tbody><tr><th>Type</th><th>Description</th></tr>
								<tr><td>button</td><td>A clickable button whose action must be scripted. Its label is
assigned by the <span class="literal">value</span> attribute. If you want to
use HTML to format the label of a button, use the
<span class="literal">button</span> element instead.
</td>
								</tr>
								<tr><td>checkbox</td><td>A free-standing checkbox that provides two states (active/on and
inactive/off). Its label is created by HTML text before or after the
<span class="literal">input</span> element tag (also see the
<span class="literal">label</span> element). The <span class="literal">value</span>
attribute value is submitted with a form.
</td>
								</tr>
								<tr><td>file</td><td>A button and field that lets the user select a local file for
eventual uploading to the server. A click of the button generates a
File dialog, and the name (or pathname) of the selected file appears
in the field. The server must have a CGI script (invoked by the
form's <span class="literal">action</span> attribute URI) to
accept the incoming file at submission time.
</td>
								</tr>
								<tr><td>hidden</td><td>An invisible field often used to carry over database or state data
from submission to submission without bothering the user with its
content (or having to store the temporary data on the server). The
name/value pair is submitted with the form.
</td>
								</tr>
								<tr><td>image</td><td>A graphical button whose sole default action is to submit the form.
The coordinate points x,y of the click on the image are submitted as
two name/value pairs linked by an ampersand character:
<span class="literal">inputName.x=n&amp;inputName.y=m</span>.
</td>
								</tr>
								<tr><td>password</td><td>A text field that presents bullets or asterisks for each typed
character to ensure over-the-shoulder privacy for the user. The
plain-language text is submitted as the value for this element.
</td>
								</tr>
								<tr><td>radio</td><td>One of a related group of on<span class="literal">-</span>off buttons.
Assigning the same value to the <span class="literal">name</span> attribute of
multiple radio buttons assembles them in a related group. Clicking on
one button in the group activates it while unhighlighting all others.
The <span class="literal">value</span> attribute value of the activated member
is submitted with a form.
</td>
								</tr>
								<tr><td>reset</td><td>A button whose sole job is to revert the form's
elements to the values they had when the form initially loaded into
the client. A custom label can be assigned via the
<span class="literal">value</span> attribute.
</td>
								</tr>
								<tr><td>submit</td><td>A button whose sole job is to submit the form. A custom label can be
assigned by the <span class="literal">value</span> attribute. If
<span class="literal">name</span> and <span class="literal">value</span> attributes are
assigned for the element, their values are submitted with the form.
</td>
								</tr>
								<tr><td>text</td><td>A one-line field for typing text that gets submitted as the value of
the element (in a URL-encoded format). For a multiple-line field, see
the <span class="literal">textarea</span> element.
</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="button" value="Toggle Sound" onclick="toggleSnd( )"&gt;
&lt;INPUT type="checkbox" name="connections" value="ISDN"&gt;ISDN
&lt;INPUT type="file" name="uploadFile"&gt;
&lt;INPUT type="hidden" name="prevState" id="prevState" value="modify"&gt;
&lt;INPUT type="image" name="graphicSubmit" src="submit.jpg" height="40" width="40"&gt;
&lt;INPUT type="password" name="password" maxlength="12" size="20"&gt;
&lt;INPUT type="radio" name="creditCard" value="Visa"&gt;Visa
&lt;INPUT type="reset"&gt;
&lt;INPUT type="submit" value="Send Encrypted"&gt;
Social Security Number:&lt;INPUT type="text" name="ssn" value="###-##-####"
onclick="validateSSN(this)"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any one of the known <span class="literal">input</span> element types:
<span class="literal">button</span> | <span class="literal">checkbox</span> |
<span class="literal">file</span> | <span class="literal">hidden</span> |
<span class="literal">image</span> | <span class="literal">password</span> |
<span class="literal">radio</span> | <span class="literal">reset</span> |
<span class="literal">submit</span> | <span class="literal">text</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">text</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.type
[window.]document.forms[i].elements[j].type
[window.]document.getElementById(<span class="replaceable">elementID</span>).type</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="usemap">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">usemap</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">6</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">usemap="<span class="replaceable">mapURL</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>You can define a client-side image map for an image type
<span class="literal">input</span> element with the help of the
<span class="literal">map</span> and <span class="literal">area</span> elements. The
<span class="literal">map</span> element is a named container for one or more
<span class="literal">area</span> element. Each <span class="literal">area</span> element
sets a "hot" area on an image and
assigns a link destination (and other settings) for a response to the
user clicking in that region. The purpose of the
<span class="literal">usemap</span> attribute is to establish a connection
between the image type <span class="literal">input</span> element and a named
<span class="literal">map</span> element in the same document. In some
respects, the <span class="literal">map</span> element's name
is treated like an anchor in that the
"address" of the
<span class="literal">map</span> element is the element's name
preceded by a <span class="literal">#</span> symbol.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="image" src="submit.gif" alt="Submit Button" usemap="#submitter"
height="90" width="120"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>A URL to the <span class="literal">map</span> element in the same document (a
hash symbol plus the <span class="literal">map</span> name).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.useMap
[window.]document.forms[i].elements[j].useMap
[window.]document.getElementById(<span class="replaceable">elementID</span>).useMap</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="value">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">value</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span> HTML <span class="emphasis">all</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">value="<span class="replaceable">text</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional/Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Preassigns a value to an <span class="literal">input</span> element that is
submitted to the server as part of the name/value pair for the
element. Some <span class="literal">input</span> element types are not
submitted (an unchecked radio button, for example), but any value you
associate with all but the button or reset type
<span class="literal">input</span> element reaches the server when the element
is submitted.
</p><p>In the case of text and password <span class="literal">input</span> elements,
the <span class="literal">value</span> attribute contains a default entry. As
the user makes a change to the content of the text field, the value
changes, although the source code does not. When a form is reset (via
a reset <span class="literal">input</span> element), the default values are put
back into the text fields.
</p><p>The <span class="literal">value</span> attribute is required only for checkbox
and radio <span class="literal">input</span> elements. For
<span class="literal">input</span> elements that are rendered as standard
clickable buttons, the <span class="literal">value</span> attribute defines the
label that appears on the button.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;INPUT type="checkbox" name="connections" value="ISDN"&gt;ISDN</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any text string.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.defaultValue
[window.]document.forms[i].elements[j].defaultValue
[window.]document.getElementById(<span class="replaceable">elementID</span>).defaultValue
[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">inputName</span>.value
[window.]document.forms[i].elements[j].value
[window.]document.getElementById(<span class="replaceable">elementID</span>).value  </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="vspace">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">vspace</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>See hspace.</p>
					</td>
				</tr>
			</table>
		</div><div id="width">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">width</td><td valign="top" nowrap class="compatibility">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>See height. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>