Problem with form buttons in IE

Question

I have buttons on a page that look like:

<p>
    <a href="view.php">
      <input type="button" name="view" value="View Database" />
    </a>
</p>

IE does not support these buttons or multiple buttons I am not sure which one. Does anyone know how to fix this to work with IE?

Answer 1

Embedding a button within an <a> tag is not normally done, and really doesn't make any sense. If you want your link to look like a button, then just use the <input> tag with some script on the onclick event, or use css to make your link look button-ish (start by using display:block or display:inline-block);

Answer 2

What exactly are you trying to achieve? If you want a custom button to redirect to view.php, you can use onclick:

<input type="button" name="view" value="View Database" onclick="window.location.href='view.php';" />

or something similar.

Answer 3

<input type="button" 
onclick="javascript:document.location='view.php';" 
value="View Database"/>

Answer 4

You can't put an input into the tag, instead, you can create a form, and change your button to a submit one. Then you can choose the target url in the form, like this:

<form action="view.php">

    <input type="submit" name="view" value="View Database" />

</form>

I would recommend this over using javascript, because buttons are not designed for navigating a site. If you want to submit information, which is what they are used for, you won't be able to do it so cleanly using javascript.

Answer 5

Try with this ugly monster:

<input  type="button" name="view" value="View Database" onclick="javascript:window.location='view.php'"/>