Question

This is how I construct my stylized buttons.

<span class='button button-orange' id='sign-up'><input type='button' value='Sign up here' /></span>

Putting an anchor tag (with href) around the span lets you hyperlink in FF but messes up in IE if your mouse is hovered over the button’s value attribute value. (value=’Sign up here’)

Is there anything wrong with doing this?

<form action='page.html'>
<span class='button button-orange' id='sign-up'><input type='submit' value='Sign up here' /></span>
</form>

By wrong I mean, can you see any dire consequences of doing this?

Thanks!

Answer 1

The only thing I’d worry about is that you cannot nest form elements in HTML. Looks like it would be fine, but if you added inside a larger <form></form> you will run into problems.