Changing the look of a form's Submit button

[CherishedSites]

Hi,

Does anybody know how to change the look of a Submit button on a standard HTML form?
Instead of the normal button I want to have just text saying "submit". Is it perhaps a play around with the CSS that is necessary? If it is, i might aswell ask this in the CSS forum.

Thanks!

[markj]

if you just want the word submit you could just put a normal link

Code: Select all

submit

and have a little script that does the submitting i.e.

Code: Select all

function sub(){
document.<form-name>.submit();
}

Obviously change <form-name> to whatever your form is called and that should be it.

Mark

[Rob]

I would definitly NOT do what mark has suggested.
NEVER use javascript unless it's absolutly nessesary.

Give your submit button an ID like this:-

Code: Select all

 <input type="submit" name="mySubmit" value="Submit" id="MySubmit" />

You can then alter the properties via CSS:-

Code: Select all

#mySubmit{
background-color:red; color:red; border:1px black dashed
}

You can even use CSS to set a background picture should you wish to use an image.

If you do in fact want just text (as Mark suggested), a far better way would be to make it 'appear' like a link and still keep the 'submit' function within the boundarys of normality:-

Code: Select all

#mySubmit {
background-color:transparent;
color:blue;
text-decoration:underline;
cursor:hand;
border:0 transparent none;
}

Hope this helps.

Changing the appearance of your submit button with CSS will ensure that the submit button functions normally when javascript or CSS support is not present.

[CherishedSites]

Thanks guys. I went with what Rob suggested and it's perfect.

Thanks again!

[Rob]

BTW mark....

Welcome to the forums... just noticed it was your first post... hope I have not put you off.

[markj]

Hi rob,

No you haven't put me off.

Mark