Могу ли я вложить элемент <button>в <a>, используя HTML5?

Question

Я делаю следующее:

 <a href="www.stackoverflow.com">
   <button disabled="disabled" >ABC</button>
 </a>  

Это работает хорошо, но я получаю ошибку проверки HTML5, которая говорит, что «элемент» кнопка »не должна быть вложена в элемент« кнопка ».

Кто-нибудь может дать мне совет, что мне делать?

Answer 1

<a href="index.html">
  <button type="button">Submit</button>
</a>

Или вы можете использовать Java-скрипт в кнопке как:

<button type="submit" onclick="myFunction()">Submit</button>
<script>
  function myFunction() {
      var w = window.open(file:///E:/Aditya%20panchal/index.html);
    }
</script>

Answer 2

почему бы и нет. Вы также можете вставить изображение на кнопку

<FORM method = "POST" action = "https://stackoverflow.com"> 
    <button type="submit" name="Submit">
        <img src="img/Att_hack.png" alt="Text">
    </button>
</FORM> 

Answer 3

Вы можете добавить класс к кнопке и поставить скрипт для его перенаправления.

Я делаю это так:

<button class='buttonClass'>button name</button>

<script>
$(".buttonClass').click(function(){
window.location.href = "http://stackoverflow.com";
});
</script>

Answer 4

Использовать атрибут formaction внутри кнопки

PS! Работает только если ваша кнопка type = "submit"

<button type="submit" formaction="www.youraddress.com">Submit</button>