Solved

Display a jpeg image instead of a submit button in a form

Posted on 2004-09-20
10
400 Views
Last Modified: 2008-03-10
Hi, how can the code below be changed so that instead of a button being used to submit the form, a jpeg image is used. Thanks

 <td align="right"><font face="Arial Narrow" size="5"><input type=
 "submit" value="       Search       "></font></td>
</tr>

0
Comment
Question by:OsdNA
  • 4
  • 3
  • 2
  • +1
10 Comments
 
LVL 49

Accepted Solution

by:
Roonaan earned 30 total points
ID: 12106623
<td align="right"><input type="image" src="somejpeg.jpg" onClick="this.form.submit();" /></td>
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 12106651
Hey, Roonaan should get the points for this, I'm just pointing out something that's been bugging me a bit. I've seen a lot of people use onClick and it's perfect fine and works like a charm but people should really get in the habit of using onclick instead of onClick or onmouseout instead of onMouseOut because believe it or not, XHTML actually requires all lowercase. (Don't pay attention to this and take it personally, I'm just letting out tons of pent out anger from the day)
0
 
LVL 49

Expert Comment

by:Roonaan
ID: 12106684
Zyloch, I'm a bit ashamed. I should've know this, last week when I was trying to xhtml-validator some subsite. *roonaan slams his head against ten tons of concrete*. Stupid not to think of that. I just changed the doctype to 4.01.

Thx to have someone with a clear vision on things. Quite the wakeupcall I needed!

damn.

*mumbles along*

-r-

0
 
LVL 36

Expert Comment

by:Zyloch
ID: 12106725
Heh, wasn't really aimed at you, but it's a good "little" thing to know

Regards...
0
 

Author Comment

by:OsdNA
ID: 12106753
Thanks, how can I amend the size of the image?
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 49

Expert Comment

by:Roonaan
ID: 12106760
No I just felt stupid for not realizing this could be the cause for my afternoon trying to figure out why my site wouldn't validate.

You know that feeling when you waist a lot of time not being succesful in finishing things and then a week after, a gigant lightning strikes you, bringing clearvoiance etc.

This is one of those situations. And I'm glad it's finaly here, because hell no i aint forgetting this for a while, which is a very good thing!

-r-
0
 
LVL 36

Assisted Solution

by:Zyloch
Zyloch earned 20 total points
ID: 12106765
You could either use someting like this:

<input type="image" src="hi.gif" width="200" height="200">

or

<input type="image" src="hi.gif" style="width:200px;height:200px;">
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 12106773
OsdNA, I hope you don't mind if we're slightly conversational and off topic in your post, mainly my fault.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 12107130
Actually the onclick is unnecessary.  type="image" has exactly the same behaviour as type="submit" which is to submit the form when it is clicked.  Good point Zyloch.  I let you promote that one while Sean and I continue the fight to end the use of tables for layout.:^)

Cd&
0
 

Author Comment

by:OsdNA
ID: 12110401

Thanks for all the help guys :)
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now