带有图片的HTML按钮-不起作用

Question

我想在单击按钮后更改页面。

我尝试了这个：

<input type="button" onclick="location.href='stackedbar.html';" class="btn btn-light btn-lg material-tooltip-main" data-toggle="button" data-tooltip="tooltip" data-placement="bottom" title="Stacked bar chart">
                    <img src="barchart_schwarzweiss.png" width="38" height="45" border="0" alt=""> </input>

可以，但是图片不在按钮中。有人可以帮忙吗？

Answer 1

您的代码中有错误。 button标签没有结束标签，但是有submit关闭标签。将结束提交标签更改为结束按钮标签

Answer 2

尝试使用<button>代替<input>，因为后者不必关闭。

<button type="button" onclick="location.href='stackedbar.html';" class="btn btn-light btn-lg material-tooltip-main" data-toggle="button" data-tooltip="tooltip" data-placement="bottom" title="Stacked bar chart">
<img src="barchart_schwarzweiss.png" width="38" height="45" border="0" alt="" /> </button>