Question

the following code works in FF, but it does not work in IE8.

<a class="sub">
<input type="submit" a="" none;<="" display:="">
</a>

The button is displayed, but the button is not clickable in IE8. What is going on?

Answer 1

Here is a correctly formed input submit button:

<input type="submit" value="Submit">

I noticed the words display and none usually you’d find it in the following form:

<input type="submit" value="Submit" style="display:none;"> // this however will hide the button

The attribute of type= with the value of "submit" makes our input tag into a submit button.

The attribute of value= with the value of "Submit" displays “Submit” text on our input button.

The attribute of style= allows us to do some inline css like "display:none;" which hides a html element its declared on.

I recommend checking out W3Schools for more on html input tags.

Additionally you are trying to make the button into a link using the <a> tag, this is invalid, please take a look at this Html forms and input page to see how to use the submit input type.

If you just want a link then I’d recommend looking at an <img> for a button and an <a> tag around that.