Я бы выбрал LinkButton и при необходимости стилизовал его с помощью CSS.

Вы можете создать новый элемент управления, унаследованный от Button, и переопределить метод рендеринга или использовать файл .browser для переопределения всех кнопок на сайте, аналогично тому, как CSS Friendly работает для элемента управления TreeView и т. д.

Вы можете использовать свойство Button.UseSubmitBehavior, как описано в эта статья о рендеринге элемента управления ASP.NET Button как кнопки.

Я наткнулся на ваш вопрос в поисках того же самого. В итоге я использовал Отражатель, чтобы выяснить, как на самом деле отображается элемент управления ASP.NET Button. Оказывается, это действительно легко изменить.

На самом деле все сводится к переопределению свойств TagName и TagKey класса Button. После того, как вы это сделали, вам просто нужно убедиться, что вы визуализируете содержимое кнопки вручную, поскольку исходный класс Button никогда не имел содержимого для визуализации, и элемент управления будет отображать кнопку без текста, если вы не визуализируете содержимое.

Обновлять:

Можно внести несколько небольших изменений в элемент управления Button посредством наследования, и при этом он будет работать достаточно хорошо. Это решение избавляет от необходимости реализовывать собственные обработчики событий для OnCommand (хотя, если вы хотите узнать, как это сделать, я могу показать вам, как это обрабатывается). Он также устраняет проблему отправки значения с разметкой, за исключением, вероятно, IE. Я все еще не уверен, как исправить плохую реализацию тега Button в IE. Это может быть просто техническое ограничение, которое невозможно обойти ...

[ParseChildren(false)]
[PersistChildren(true)]
public class ModernButton : Button
{
    protected override string TagName
    {
        get { return "button"; }
    }

    protected override HtmlTextWriterTag TagKey
    {
        get { return HtmlTextWriterTag.Button; }
    }

    // Create a new implementation of the Text property which
    // will be ignored by the parent class, giving us the freedom
    // to use this property as we please.
    public new string Text
    {
        get { return ViewState["NewText"] as string; }
        set { ViewState["NewText"] = HttpUtility.HtmlDecode(value); }
    }

    protected override void OnPreRender(System.EventArgs e)
    {
        base.OnPreRender(e);
        // I wasn't sure what the best way to handle 'Text' would
        // be. Text is treated as another control which gets added
        // to the end of the button's control collection in this 
        //implementation
        LiteralControl lc = new LiteralControl(this.Text);
        Controls.Add(lc);

        // Add a value for base.Text for the parent class
        // If the following line is omitted, the 'value' 
        // attribute will be blank upon rendering
        base.Text = UniqueID;
    }

    protected override void RenderContents(HtmlTextWriter writer)
    {
        RenderChildren(writer);
    }
}

Чтобы использовать этот элемент управления, у вас есть несколько вариантов. Один из них - разместить элементы управления непосредственно в разметке ASP.

<uc:ModernButton runat = "server" 
        ID = "btnLogin" 
        OnClick = "btnLogin_Click" 
        Text = "Purplemonkeydishwasher">
    <img src = "../someUrl/img.gif" alt = "img" />
    <asp:Label ID = "Label1" runat = "server" Text = "Login" />
</uc:ModernButton>

Вы также можете добавить элементы управления в коллекцию элементов управления кнопки в коде программной части.

// This code probably won't work too well "as is"
// since there is nothing being defined about these
// controls, but you get the idea.
btnLogin.Controls.Add(new Label());
btnLogin.Controls.Add(new Table());

Я не знаю, насколько хорошо работает комбинация обоих вариантов, поскольку я этого не тестировал.

Единственным недостатком этого элемента управления сейчас является то, что я не думаю, что он запомнит ваши элементы управления в PostBacks. Я не тестировал это, так что это может уже работать, но я сомневаюсь, что это так. Я думаю, вам нужно будет добавить некоторый управляющий код ViewState для обработки субэлементов в PostBacks, но, вероятно, это не проблема для вас. Добавление поддержки ViewState не должно быть очень сложным, хотя при необходимости ее можно легко добавить.

Я весь день боролся с этим - мой пользовательский элемент управления, сгенерированный <button/>, не работает:

System.Web.HttpRequestValidationException: A potentially dangerous Request.Form value was detected from the client

Что происходит, так это то, что .Net добавляет атрибут name:

<button type = "submit" name = "ctl02" value = "Content" class = "btn ">
   <span>Content</span>
</button>

Атрибут name выдает ошибку сервера при использовании IE 6 и IE 7. Все отлично работает в других браузерах (Opera, IE 8, Firefox, Safari).

Лекарство - убрать атрибут name. До сих пор я этого не понял.

Хотя вы говорите, что использование [button runat = "server"] не является достаточно хорошим решением, важно упомянуть об этом - многие программисты .NET боятся использовать «родные» теги HTML ...

Использовать:

<button id = "btnSubmit" runat = "server" class = "myButton" 
    onserverclick = "btnSubmit_Click">Hello</button>

Обычно это работает отлично, и все в моей команде счастливы.

Это старый вопрос, но для тех из нас, кому не повезло, которым все еще приходится поддерживать приложения веб-форм ASP.NET, я сам прошел через это, пытаясь включить глифы Bootstrap во встроенные элементы управления кнопками.

Согласно документации Bootstrap, желаемая разметка выглядит следующим образом:

<button class = "btn btn-default">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</button>

Мне нужно было, чтобы эта разметка отображалась серверным элементом управления, поэтому я решил найти варианты.

Кнопка

Это был бы первый логический шаг, но - как объясняется в этом вопросе - Button отображает элемент <input> вместо <button>, поэтому добавление внутреннего HTML невозможно.

LinkButton (кредит Ответ Цветомира Цонева)

Источник

<asp:LinkButton runat = "server" ID = "uxSearch" CssClass = "btn btn-default">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</asp:LinkButton>

Выход

<a id = "uxSearch" class = "btn btn-default" href = "javascript:__doPostBack(&#39;uxSearch&#39;,&#39;&#39;)">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</a>

Плюсы

• Выглядит нормально
• Событие Command; CommandName и CommandArgument свойства

Минусы

• Отображает <a> вместо <button>
• Отрисовывает навязчивый JavaScript и полагается на него

HtmlButton (кредит Ответ Филиппа)

Источник

<button runat = "server" id = "uxSearch" class = "btn btn-default">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</button>

Результат

<button onclick = "__doPostBack('uxSearch','')" id = "uxSearch" class = "btn btn-default">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</button>

Плюсы

• Выглядит нормально
• Отображает правильный элемент <button>

Минусы

• Нет события Command; нет свойств CommandName или CommandArgument
• Отображает и использует навязчивый JavaScript для обработки своего события ServerClick.

На данный момент ясно, что ни один из встроенных элементов управления не кажется подходящим, поэтому следующий логический шаг - попытаться изменить их для достижения желаемой функциональности.

Пользовательский контроль (кредит Ответ Дэна Герберта)

ПРИМЕЧАНИЕ: Это основано на коде Дэна, поэтому вся заслуга принадлежит ему.

using System.Web.UI;
using System.Web.UI.WebControls;

namespace ModernControls
{
    [ParseChildren]
    public class ModernButton : Button
    {
        public new string Text
        {
            get { return (string)ViewState["NewText"] ?? ""; }
            set { ViewState["NewText"] = value; }
        }

        public string Value
        {
            get { return base.Text; }
            set { base.Text = value; }
        }

        protected override HtmlTextWriterTag TagKey
        {
            get { return HtmlTextWriterTag.Button; }
        }

        protected override void AddParsedSubObject(object obj)
        {
            var literal = obj as LiteralControl;
            if (literal == null) return;
            Text = literal.Text;
        }

        protected override void RenderContents(HtmlTextWriter writer)
        {
            writer.Write(Text);
        }
    }
}

Я сократил класс до минимума и реорганизовал его, чтобы добиться той же функциональности с минимальным количеством кода. Я также добавил пару улучшений. А именно:

• Удалить атрибут PersistChildren (кажется ненужным)
• Удалить переопределение TagName (кажется ненужным)
• Удалите декодирование HTML из Text (базовый класс уже обрабатывает это)
• Оставьте OnPreRender без изменений; вместо этого заменить AddParsedSubObject (проще)
• Упростите переопределение RenderContents
• Добавьте свойство Value (см. Ниже)
• Добавьте пространство имен (чтобы включить образец директивы @ Регистр)
• Добавьте необходимые директивы using

Свойство Value просто обращается к старому свойству Text. Это связано с тем, что собственный элемент управления Button в любом случае отображает атрибут value (с Text в качестве его значения). Поскольку value является допустимым атрибутом элемента <button>, я решил включить для него свойство.

Источник

<%@ Register TagPrefix = "mc" Namespace = "ModernControls" %>

<mc:ModernButton runat = "server" ID = "uxSearch" Value = "Foo" CssClass = "btn btn-default" >
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</mc:ModernButton>

Выход

<button type = "submit" name = "uxSearch" value = "Foo" id = "uxSearch" class = "btn btn-default">
    <span class = "glyphicon glyphicon-search" aria-hidden = "true"></span>
    Search
</button>

Плюсы

• Выглядит нормально
• Отображает правильный элемент <button>
• Событие Command; CommandName и CommandArgument свойства
• Не отображает и не полагается на навязчивый JavaScript

Минусы

• Нет (кроме того, что не является встроенным элементом управления)