首页 > 解决方案 > 我的 HTML 按钮不起作用。哪里不对了?

问题描述

我只是想问一下我的按钮代码是否有问题..这里是:

<button id="stop" type="Submit" class='btn btn-primary mx-sm-2 mb-1' href="/roles/meditation/meditate-timer/stop/">Stop</button>

该按钮应该将我们重定向到 url,但是当我从 localhost 提供文件时(我使用的是 Django),什么也没发生。该按钮不起作用。我检查了元素,没有发现错误。任何人都知道为什么?
先感谢您!

标签: javascripthtmlcssdjango

解决方案


按钮不支持该href属性。您可以改用<a>标签(样式为按钮):

<a id="stop" type="Submit" class='btn btn-primary mx-sm-2 mb-1' href="/roles/meditation/meditate-timer/stop/">Stop</a>

CSS:

a {
  padding: 10px;
  border: 1px solid blue;
  text-decoration: none;
}

推荐阅读