使用MVC将提交输入设置为带有bootstrap glyphicon样式的跨度样式

时间:2016-02-25 10:59:44

标签: asp.net-mvc css3 twitter-bootstrap-3 form-submit

我有一个带有span的链接,它使用bootstrap类来显示一个垃圾桶图标。这一切都在MVC

这样:

<a href=@Url.Action("Delete", "Site", new { siteID = Model.SiteId, clientID = Model.ClientID }) >
    <span class="glyphicon glyphicon-trash" />
</a>

我现在有一个输入,我想以相同的方式设置样式,但带有打印图标。输入是一个提交输入,我希望表单回送一个文件,在另一个输入中选择。全部包裹在表格中。

这是我的代码:

@using (Html.BeginForm("Print", "Site", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input name="file" type="file">

    <input type="submit" value="OK" onclick="javascript: form.action='@Url.Action("Print", new { clientID = Model.ClientID, siteID = Model.SiteID })' " />
}

我希望输入看起来好像是带有引导样式的跨度所以我希望它看起来像这样:

<span class="glyphicon glyphicon-print" />

任何人都可以提供帮助。

由于

1 个答案:

答案 0 :(得分:3)

将输入类型更改为按钮

<button type="submit" onclick="some action"><span class="fa fa-area-chart"></span></button>

这是你可以在按钮之间添加跨度