INPUT form input datum HTML 3.2

december.com / html | Tutor · Demo · Specs · Techs · Books | search

INPUT

Purpose

form input datum

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
align	( top \| middle \| bottom \| left \| right )	#IMPLIED	vertical or horizontal alignment
checked	( checked )	#IMPLIED	for radio buttons and check boxes
maxlength	NUMBER	#IMPLIED	max chars allowed in text fields
name	CDATA	#IMPLIED	required for all but submit and reset
size	CDATA	#IMPLIED	specific to each type of field
src	CDATA	#IMPLIED	Uniform Resource Locator; see RFC1808 and RFC1738; for fields with background images
type	( TEXT \| PASSWORD \| CHECKBOX \| RADIO \| SUBMIT \| RESET \| FILE \| HIDDEN \| IMAGE )	TEXT	what kind of widget is needed
value	CDATA	#IMPLIED	required for radio and checkboxes

Content

EMPTY

End tag

Forbidden

Referenced in

A ADDRESS APPLET B BIG BLOCKQUOTE BODY CAPTION CENTER CITE CODE DD DFN DIV DT EM FONT FORM H1 H2 H3 H4 H5 H6 I KBD LI P PRE SAMP SMALL 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">
<INPUT Type="hidden" Name="recipient" Value="nobody@december.com">
<p>Your Name: <INPUT Type="text" size="15" Name="user-name">
<P>Customer Number: <INPUT Type="number" size="10" Name= "customer-number">
<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>What would you like?
<P><SELECT Name="would-like" size="2" multiple>
<OPTION>Order the product</OPTION>
<OPTION>Ask a question</OPTION>
<OPTION>Request a catalog</OPTION>
</SELECT>
<P>Your comments?<BR>
<TEXTAREA Name="comments" rows="4" cols="20"></TEXTAREA>
<P><INPUT Type="submit" Value="Send">
<INPUT Type="reset" Value="Cancel">
</FORM>