INPUT form input datum XHTML 1.0 Transitional

input

Purpose

form control

Description

This element defines an input field (which can be a button, checkbox, imagemap, or text input field) used in a form element.

Start tag

Required <input />

Attributes

Name	Type	Default	Comment
accept	CDATA	#IMPLIED	comma-separated list of media types as per RFC2045; list of MIME types for file upload
accesskey	CDATA	#IMPLIED	a single character as per XML specification which defines a character as an atomic unit of text as specified by ISO/IEC 10646 [ISO/IEC 10646] (see also [ISO/IEC 10646-2000]); accessibility key character
align	( top \| middle \| bottom \| left \| right )	#IMPLIED	vertical or horizontal alignment
alt	CDATA	#IMPLIED	short description
checked	( checked )	#IMPLIED	for radio buttons and check boxes
class	CDATA	#IMPLIED	space-separated list of classes
dir	( ltr \| rtl )	#IMPLIED	direction for weak/neutral text
disabled	( disabled )	#IMPLIED	unavailable in this context
id	ID	#IMPLIED	document-wide unique id
lang	NMTOKEN	#IMPLIED	language code (backwards compatible); language code as RFC3066
maxlength	CDATA	#IMPLIED	one or more digits; max chars for text fields
name	CDATA	#IMPLIED	submit as part of form
onblur	CDATA	#IMPLIED	script expression; the element lost the focus
onchange	CDATA	#IMPLIED	script expression; the element value was changed
onclick	CDATA	#IMPLIED	a pointer button was clicked; script expression
ondblclick	CDATA	#IMPLIED	a pointer button was double clicked; script expression
onfocus	CDATA	#IMPLIED	script expression; the element got the focus
onkeydown	CDATA	#IMPLIED	a key was pressed down; script expression
onkeypress	CDATA	#IMPLIED	a key was pressed and released; script expression
onkeyup	CDATA	#IMPLIED	a key was released; script expression
onmousedown	CDATA	#IMPLIED	a pointer button was pressed down; script expression
onmousemove	CDATA	#IMPLIED	a pointer was moved within; script expression
onmouseout	CDATA	#IMPLIED	a pointer was moved away; script expression
onmouseover	CDATA	#IMPLIED	a pointer was moved onto; script expression
onmouseup	CDATA	#IMPLIED	a pointer button was released; script expression
onselect	CDATA	#IMPLIED	script expression; some text was selected
readonly	( readonly )	#IMPLIED	for text and passwd
size	CDATA	#IMPLIED	specific to each type of field
src	CDATA	#IMPLIED	Uniform Resource Identifier as per RFC2396; a Uniform Resource Locator (URL) is a URI; for fields with images
style	CDATA	#IMPLIED	associated style info; style sheet data
tabindex	CDATA	#IMPLIED	one or more digits; position in tabbing order
title	CDATA	#IMPLIED	advisory title; text used for titles
type	( text \| password \| checkbox \| radio \| submit \| reset \| file \| hidden \| image \| button )	"text"	what kind of widget is needed
usemap	CDATA	#IMPLIED	Uniform Resource Identifier as per RFC2396; a Uniform Resource Locator (URL) is a URI; use client-side image map
value	CDATA	#IMPLIED	Specify for radio buttons and checkboxes
xml:lang	NMTOKEN	#IMPLIED	language code (as per XML 1.0 spec); language code as RFC3066

Content

EMPTY

End tag

Forbidden

Referenced in

a abbr acronym address applet b bdo big blockquote body caption center cite code dd del dfn div dt em fieldset font form h1 h2 h3 h4 h5 h6 i iframe ins kbd label legend li noframes noscript object p pre q s samp small span strike strong sub sup td th tt u var

Example

Source

Appearance

<form method="post"
action="http://www.december.com/cgi-bin/formmail.secure.cgi">
<p><input type="hidden" name="recipient" value="nobody@december.com" /></p>
<p>Your Name: <input type="text" size="15" name="user-name" /></p>
<p>Customer Number: <input type="text" size="10" name="customer-number" /></p>
<p>Shirt Size? <input type="radio" name="shirt-size" value="S" />S
<input type="radio" name="shirt-size" value="M" />M <input type="radio"
name="shirt-size" value="L" />L <input type="radio" name="shirt-size"
value="XL" />XL</p>
<p>What would you like?</p>
<p><select name="would-like" size="2" multiple="multiple">
<option>Order the product</option>
<option>Ask a question</option>
<option>Request a catalog</option></select></p>
<p>Your comments?<br />

<textarea name="comments" rows="4" cols="20">
</textarea></p>
<p><input type="submit" value="Send" /> <input type="reset"
value="Cancel" /></p></form>