HTML Form - Image Control

• Creates a graphical submit button. The value of the src attribute specifies the URI of the image that will decorate the button. For accessibility reasons, authors should provide alternate text for the image via the alt attribute. When a pointing device is used to click on the image, the form is submitted and the click coordinates passed to the server. The x value is measured in pixels from the left of the image, and the y value in pixels from the top of the image. The submitted data includes name.x=x-value and name.y=y-value where "name" is the value of the name attribute, and x-value and y-value are the x and y coordinate values, respectively. If the server takes different actions depending on the location clicked.

Attributes:

• NAME="text"
  
  This assigns a label to the image clicked by the user, thus identifying what the user was responding to when they clicked the image.
• SRC="URL"
  
  Specify the location of the graphic in the same way as you would with the <IMG> tag
• ALIGN="left|right|middle|top|texttop|absmiddle|baseline|bottom|absbottom"
  
  Specify the alignment of the graphic in the same way as you would with the <IMG> tag.
• BORDER=pixels
  
  Specify the border width of the graphic in the same way as you would with the <IMG> tag
• HEIGHT=pixels, WIDTH=pixels
  
  Specify the height and width of the graphic in the same way as you would with the <IMG> tag.

Submit a colour: <INPUT TYPE="image" NAME="My ColoursImageField" SRC="colours.gif" ALIGN="absmiddle" WIDTH=100 HEIGHT=34>

Submit a colour:

Copyright © 1994-2002 World Wide Web Consortium All Rights Reserved.
And ©1997-8 Richard Rutter

previous slide | next slide
Return to Beginning of Presentation
Return to Software Development Library