submit and reset as images in a form, how?

Posted on 1999-01-14
Last Modified: 2010-04-09
without using javascript?

as far as i can see it's impossible.  sure, having a submit alone as an image works, but when you want a reset too - there's just know way i can see to do it!
Question by:glenramsey
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +1

Expert Comment

ID: 1841683
so you are saying you don't want to use the buttons that a form provides but you want to use images with no javascript?

Expert Comment

ID: 1841684
will create an image that submits the form.

However, to reset you *have* to use JavaScript:
  <A HREF="javascript:document.formName.reset()"><IMG SRC="..." BORDER="0"></A>


Author Comment

ID: 1841685
cheers anyway - i knew that reset with an image can be done using js, erm, doesn't my original question state _without_ using js? :-*
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Expert Comment

ID: 1841686
I am not sure if this is going to work but using CSS, you can alter the look of a button, hmm.. can it be of transparent background and no border..hmm..

but the theory is to put the image in a lower z-index than the button so the button is actually overlaying the image.  if you can make a transparent button with the dimension of the image, there you go.


Author Comment

ID: 1841687
that's probably the best idea yet, hence it doesn't use js :-)

our clients specs are no js you see, but another spec is version 4 browsers only (128 bit encryption req) - so maybe css is the way to go - seems a bit iffy tho', a bit of a work around, at the moment i've specified that we are unable to have a reset images button and therefore told them they can't have one

bloody stupid if you ask me, not using js (reason: firewall/content filter corporate hooha)

fwiw, if it's not an insult, PBall, i'd like to "award" the 5 to you



Expert Comment

ID: 1841688
> doesn't my original question state _without_ using js? :-*
Indeed. That's what made me say
> to reset you *have* to use JavaScript


Author Comment

ID: 1841689
oh how i love the internet
thanks for all your responses anyway, looks like i'll have to do without

Accepted Solution

PBall earned 0 total points
ID: 1841690
Use CSS, overlay the reset button on top of the reset image and make reset button transparent (hmm..if that is even possible hehe, hmm..I think it can't be done tho, anyway...).

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
html input 8 56
Ouput in html in powershell 2 32
What cart is this? 2 37
Html split(text) 2 32
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

726 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