Replacing submit button with text?

Question

I'm hoping to replace the standard ugly submit button on my form with text. I know how to replace it with an image by changing the submit to this:

<input type="image" name="submit" src="submit.png" width="70px" height="30px">

But I would like to change it to text, is this possible? Thank you

Answer 1

you can use an anchor tag with javascript to trigger the form change. e.g.

<form id="myForm" ...>
  ...
  <a href="#" onclick="document.getElementById('myForm').submit();">Submit</a>
</form>

You could also use almost any textual tag, by the way, just binding to the onclick event (a <span> for instance).

Answer 2

No, you need to use a different HTML entity (i.e, just a link).

But, I'd recommend you don't change it. It's better, from a user experience point of view, to use the typical submit buttons, perhaps styled slightly if appropriate, but nevertheless remaining as close to 'typical' as possible.

The reasoning is that OS' display the button in different (and familiar) ways to the user, and it's good UI design practice to follow "standards". This iy just my humble opinion.

Technically, you can quite easily make a link do the form submission, by setting the onclick event to something appropriate (like: onclick="return doFormSubmit();").