href around input type submit

Question

why isn t a href around an input type submit not working in IE   and what can I do to fix it    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org     TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head gt   lt link rel  stylesheet  type  text css  href  css style css  media  screen  gt   lt  head gt   lt body gt   lt a href  1 html  gt  lt input type  submit  class  button active  value  1  gt  lt  a gt   lt a href  2 html  gt  lt input type  submit  class  button  value  2  gt  lt  a gt   lt a href  3 html  gt  lt input type  submit  class  button  value  3  gt  lt  a gt   lt  body gt   lt  html gt    style css           margin  0      padding  0        CSS Buttons  http   www web4site de css css-buttons php     button       padding 0      margin 0      border none      font-size 14px      background  url    img button gif  no-repeat center      color   000000      height 27px      width 134px       font-variant small-caps      button hover       padding 0      margin 0      border none      font-size 14px      background  url    img button gif  no-repeat center      color   FF0000      height 27px      width 134px       text-decoration none      font-variant small-caps      button active       padding 0      margin 0      border none      font-size 14px      background  url    img button gif  no-repeat center      color   FF0000      height 27px      width 134px       font-variant small-caps      This works fine in firefox

User · Answer

Why would you want to put a submit button inside an anchor? You are either trying to submit a form or go to a different page. Which one is it?

Either submit the form:

<input type="submit" class="button_active" value="1" />

Or go to another page:

<input type="button" class="button_active" onclick="location.href='1.html';" />

User · Answer

You can do do it  The input type submit should be inside of a form  Then all you have to do is write the link you want to redirect to inside the action attribute that is inside the form tag

User · Answer

It doesn t work because it doesn t make sense  so little sense that HTML 5 explicitly forbids it    To fix it  decide if you want a link or a submit button and use whichever one you actually want  Hint  You don t have a form  so a submit button is nonsense

User · Answer

Place the link location in the action    of a wrapping form tag    Your first link would be    lt form action  1 html  gt       lt input type  submit  class  button active  value  1  gt   lt  form gt

User · Answer

lt a href  1 html  gt  lt input type  text  class  button active  value  1  gt  lt  a gt   lt a href  2 html  gt  lt input type  text  class  button  value  2  gt  lt  a gt   lt a href  3 html  gt  lt input type  text  class  button  value  3  gt  lt  a gt    Try that  Unless you truly need to stick with the type as submit  then what I provided should work  If you are going to stick with submit  then everything mentioned above is correct  it makes no sense

User · Answer

I agree with Quentin  It doesn t make sense as to why you want to do it like that  It s part of the Semantic Web concept  You have to plan out the objects of your web site for future integration expansion  Another web app or web site cannot interact with your content if it doesn t follow the proper use-case   IE and Firefox are two different beasts  There are a lot of things that IE allows that Firefox and other standards-aware browsers reject   If you re trying to create buttons without actually submitting data then use a combination of DIV CSS

[html] href around input type submit

Examples related to html

Examples related to css

Examples related to forms

Examples related to button