Main Index |
Top Of Tree |
Tag Index |
Tag History
- What is it?
- IMAGE is a TYPE attribute value to the INPUT tag for FORMs. It
specifies an image that can be clicked upon to pass information to the
processing script. In implementation, this form TYPE acts much like the
INPUT TYPE=SUBMIT field, but unlike the SUBMIT field, the coordinates of
the picture that were activated are sent back to the server in addition
to the rest of the form data.
- Attributes
- Align
- 2
| 3 | 3.2
| IE1 | M2B1
| N1
- Required? No
- Description:
This attribute specifies the alignment of text following the IMG
reference relative to the graphic on screen. 'Left' and 'Right'
specify floating horizontal alignment of the image in the browser
window, and subsequent text will wrap around the image. The other
options specify vertical alignment of text relative to the image
on the same line.
- Values:
Left | Right |
Top [DEFAULT] |
Texttop |
Middle | Absmiddle |
Baseline | Bottom |
Absbottom
- Height
- 2
| 3 | 3.2
| IE | M
| N1.1
- Required? No
- Description:
This attribute explicitly specifies the height of the graphic in pixels.
It is mainly used to create custom image dimensions without physically
changing the image itself. It can also be used to speed up display of the
document being downloaded so it can pre-render the document with image
placeholders while the images download.
- Values: Positive integer pixel values.
- Name
- 2
| 3 | 3.2
| IE1 | M2B1
| N1
- Required? Yes
- Description:
This is a required attribute that associates a symbolic name to the
field for submittal to the form processing script.
- Values: Alphanumeric characters.
- Src
- 2
| 3 | 3.2
| IE1 | M2B1
| N1
- Required? No
- Description:
Indicates the URL to reference the graphic.
- Values: Absolute or relative URLs.
- Type
- 2
| 3 | 3.2
| IE1 | M2B1
| N1
- Required? Yes*
- Description:
* This is the required TYPE attribute for
this INPUT mechanism. From the strict view, the TYPE attribute
is not required.
- Values: IMAGE
- Value
- 2
| 3 | 3.2
| IE1 | M2B1
| N1
- Required? No
- Description:
This represents the symbolic result of the field when activated
that is passed to the form processing script.
- Values: Alphanumeric characters.
- Width
- 2
| 3 | 3.2
| IE | M
| N1.1
- Required? No
- Description:
This attribute explicitly specifies the width of the graphic in pixels.
It is mainly used to create custom image dimensions without having to
physically change the image itself. It can also be used to speed up
display of the document being downloaded so it can pre-render the
document with image placeholders while the images download.
- Values: Positive integer pixel values.
Style Sheet Attributes
[More on Cascading Style Sheets]
- Class
- 2 | 3
| 3.2 | IE3B1
| M | N4B2
- Required? No
- Description:
This represents an assigned semantic classification grouping(s) for the
current tag.
- Values:
Given as a comma separated list of alphanumeric characters. Class names
may contain spaces (multiple consecutive spaces treated as a single
space.)
- ID
- 2 | 3
| 3.2 | IE3B1
| M | N4B2
- Required? No
- Description:
This assigns an alpha-numeric identifier that is unique
to this tag instance. Style sheets may use this attribute to reference
the current instance of this tag. Hyperlinks may also use this identifier
to serve as a destination.
- Values:
An alphanumeric string - initial character must be a letter followed
by alphabetic characters, digits, "-" or "."
characters. The allowable set of alpha-characters is restricted to the
A-Z and a-z set.
- Style
- 2 | 3
| 3.2 | IE3B1
| M | N4B3
- Required? No
- Description:
This attribute is a text string that provides rendering style
information for the current tag.
- Values:
Please see the description of
inline styles for more
information on how to use this attribute and its
possible values.
- Example
- <form>
<input
TYPE="image"
SRC="http://www.foo.com/submitimage.gif"
NAME="imagesubmit1"
ALIGN="top"
HEIGHT=50
WIDTH=50>
</form>
- Parent Model
- <form>
- Content Model
- This tag accepts no content.
Tips & Tricks
Browser Peculiarities
Boring Copyright Stuff...