codetoad.com
  ASP Shopping CartForum & BBS
  - all for $20 from CodeToad Plus!
  
  Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM 
Search Site:



Home » HTML » Article

HTML Image Submit Button

Article by:  Jeff Anderson  ( 1362 ) (1/24/2002)
Bookmark us now! Add to Favourites
Email a friend! Tell a friend
Summary: You can keep your forms from slipping into mundanity by substituting the default gray submit button to a colourful graphic of your choosing.
Viewed: 1217985 times Rating (698 votes): 
 4.3 out of 5
  Rate this Article   Read Comments   Post Comments




HTML Image Submit Button


Form buttons don't have to be dull and grey! You can use images to submit a form too. Here's an example:


Name
Address

Here's the code to get that image in there :


	

<INPUT TYPE="image" SRC="/html/buttons/images/submit.gif" HEIGHT="30" WIDTH="173" BORDER="0" ALT="Submit Form">

Where the standard submit button has TYPE="submit", we now have TYPE="image". The image type is by default a form submitting button. Oh, by the way, you can see another example of this on CodeToad itself. Take a look at the Go button in our search box!




Useful Links


CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums
Rate this article:     Poor Excellent
View highlighted Comments
User Comments on 'HTML Image Submit Button'
RELATED ARTICLES
Image Submit Button
by Jeff Anderson
You can keep your forms from slipping into mundanity by substituting the default gray submit button to a colourful graphic of your choosing.
Parent _self _blank and _top Frame Target Specifications
by Jeff Anderson
How to specify frames and how to break out of them using standard link tags.
ASCII characters and their codes
by Jeff Anderson
A full list of all the ASCII characters.
Pre Tag
by Jeff Anderson
No need to reformat text files with line breaks and tabs if you use the pre tag
Image Rollovers
by Jeff Anderson
A bit of code to swap to different images on the page. You often see this on sites to display a rollover on the navigation buttons.
In-Line Frames (IFrames)
by Jeff Anderson
Inline frames or IFrames are the ones which appear in the midst of a standard page, but actually reference a totally separate url.
HTML Hspace and Vspace Image Borders
by Jeff Anderson
A lesser known feature in HTML is the ability to add a blank border around images both horizontally and vertically.
Validate Date
by Kannadasan Ramiah
Validating Date entered in a text box, pure HTML page
Creating Navigation with Frames
by Jeff Anderson
The most popular use of frames is to allow a static navigation to stay on one part of the screen (in one frame) while the content changes in another.
The OSI Reference Model - A Clear and Concise Illustration !
by James Opiko
The OSI Reference Model - A Resource For IT Certification Candidates & Networking Professionals








Recent Forum Threads
•  Run a program both on windows and linux
•  VERO.SurfCAM.v2014
•  Schlumberger.Petrel.V2013.2
•  Petrel.V2013.2
•  Altair.HyperWorks.v12
•  VoluMill.v6.1
•  VoluMill.NEXION.6
•  VERO.SurfCAM.v2014
•  Schlumberger.Petrel.V2013.2


Recent Articles
ASP GetTempName
Decode and Encode UTF-8
ASP GetFile
ASP FolderExists
ASP FileExists
ASP OpenTextFile
ASP FilesystemObject
ASP CreateFolder
ASP CreateTextFile
Javascript Get Selected Text


© Copyright codetoad.com 2001-2015