如何在asp.net c#中将span标签添加到按钮答案

【问题标题】：How to add span tag to button in asp.net c#如何在asp.net c#中将span标签添加到按钮
【发布时间】：2015-09-24 22:28:17
【问题描述】：

我正在尝试向按钮添加微调器。我搜索了一下，发现最简单的方法是 Flion 在 link 上描述的。我不知道如何将建议的按钮代码添加到我的 asp.net 按钮。

建议的代码是

<button class="btn btn-lg btn-warning">
<span class="glyphicon glyphicon-refresh spinning"></span> Loading..</button>

我的代码是

<asp:Button ID="LoginButton" runat="server" OnClick="Button1_Click" Text="Login" CssClass="btn btn-primary col-xs-12"/>

【问题讨论】：

标签： javascript c# html css asp.net

【解决方案1】：

您可以按原样使用建议的代码。您只需要使用runat="server" 即可在后面的代码中访问该html 按钮。除此之外，您还需要像这样设置onclick 事件

<button class="btn btn-lg btn-warning" runat="server" onclick="Button1_Click" id="LoginButton">
    <span class="glyphicon glyphicon-refresh spinning"></span>Loading..
</button>

【讨论】：

我收到以下错误解析器错误消息：基类包含字段'LoginButton'，但其类型（System.Web.UI.WebControls.Button）与控件类型不兼容（ System.Web.UI.HtmlControls.HtmlButton)。
尝试清理解决方案并重建它。确保不应有两个具有相同 ID LoginButton 的控件

【解决方案2】：

所以在asp.net中，至少目前最简单的解决方案是

<asp:Button ID="LoginButton" runat="server" OnClick="Button1_Click" Text="Login" CssClass="btn btn-primary col-xs-12" UseSubmitBehavior="false" OnClientClick="this.value='Please wait...';"/>

【讨论】：

【解决方案3】：

这可能对你有帮助

<button id="btn" runat="server" onserverclick="Button1-Click"> <span>Click</span></button>

如果有帮助，请尝试使用此代码...

如果有帮助，请告诉我...

【讨论】：

谢谢，这有帮助，但理想情况下我正在寻找这种效果jsfiddle.net/AndrewDryga/zcX4h/1 目前我正在使用带有引导插件的 asp.net。有什么建议吗？
我在 Bootstrap.css 的末尾添加了 css 部分，在标签下的页面头部添加了 javascript 部分，但它不起作用