如何将bootstrap glyphicon设置为html输入类型按钮?

时间:2016-12-12 06:59:13

标签: asp.net-mvc twitter-bootstrap razor

我是bootstrap的新手,想要创建带有glyphicon图标的简单按钮,为此目的写下这个html代码:

<button type="button" class="btn btn-success" >
        <span class="glyphicon glyphicon-shopping-cart"></span> سبد خرید شما &nbsp;&nbsp;<span class="badge"> @ViewBag.BAGCOUNT</span>
</button>


一切都很好,但是当按钮开启控制器动作方法时,意味着更改为此代码:

    <input type="button" value="Create" class="btn btn-success" onclick="location.href = '@Url.Action("Create", "User")'"/>
<span class="glyphicon glyphicon-shopping-cart"></span> سبد خرید شما &nbsp;&nbsp;<span class="badge"> @ViewBag.BAGCOUNT</span>


但那段代码告诉我这个:
enter image description here
我怎么能解决这个问题?谢谢大家。

1 个答案:

答案 0 :(得分:0)

没有理由将<button>更改为<input>元素。您可以简单地处理onclick的{​​{1}}事件,但只使用链接会更容易

<button>