Поделиться через

Декларативный синтаксис серверного веб-элемента управления HtmlButton

  • Статья

Создает серверный элемент управления, соответствующий HTML-элементу <button>, и позволяет создавать кнопки.

<button
    CausesValidation="False|True"
    Disabled="Disabled"
    EnableViewState="False|True"
    Id="string"
    ValidationGroup="String"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnServerClick="OnServerClick event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    >
        <!--buttonText, image, or control--> 
</button>

Заметки

Элемент управления HtmlButton используется для программирования HTML-элемента <button>. Для указания действия, выполняемого при нажатии кнопки, можно предоставить пользовательский код обработки события ServerClick для элемента управления HtmlButton.

ПримечаниеПримечание

Элемент управления HtmlButton передает код JavaScript клиентскому обозревателю.Для корректной работы данного элемента управления необходимо, чтобы обозреватель клиента допускал выполнение сценариев JavaScript.Дополнительные сведения о клиентских скриптах см. в разделе Клиентский скрипт на веб-страницах ASP.NET.

Также можно настроить вид кнопок, размещаемых на страницах ASP.NET (ASPX). Элемент <button> HTML 4.0 позволяет создавать кнопки, составленные из внедренных HTML-элементов (и других элементов управления Web Forms).

ПримечаниеПримечание

Элемент <button> определен в спецификации HTML 4.0.

Изменить вид элемента управления HtmlButton можно несколькими способами. Можно установить атрибуты стиля кнопки в открывающем теге элемента управления, добавить элементы форматирования для текста, вставляемого между открывающим и закрывающим тегами, или же задать изменение значений свойств для событий onmouseover и onmouseout, возникающих на стороне клиента. Также в элементы кнопки можно включить изображения или другие элементы управления Web Forms.

Пример

В следующем примере кода демонстрируется добавление стилей, событий DHTML, текста и изображений в элементы управления HtmlButton. Кроме того в примере содержится код двух простых обработчиков событий, отображающих сообщение с помощью экземпляра HtmlGenericControl, созданного с помощью элемента <span>.

<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlButton Control</title>

   <script runat="server">
      Sub Button1_OnClick(Source As Object, e As EventArgs)
         Span1.InnerHtml = "You clicked Button1"
      End Sub

      Sub Button2_OnClick(Source As Object, e As EventArgs)
         Span1.InnerHtml = "You clicked Button2"
      End Sub
   </script>

</head>

<body>
   <h3>HtmlButton Sample</h3>

   <form id="Form1" runat="server">
      <p />
      <button id="Button1" 
              onserverclick="Button1_OnClick" 
              style="font: 8pt verdana;
                    background-color:Lime;
                    border-color:black;
                    height:30;
                    width:100" 
              runat="server">
          <img src="/quickstart/aspplus/images/right4.gif" alt="Embedded image" /> Click me!
       </button>
       &nbsp;With embedded &lt;img&gt; tag
       <p />
       <p />
       <button id="Button2" 
               onserverclick="Button2_OnClick" 
               style="font: 8pt verdana;
                      background-color:Lime;
                      border-color:black;
                      height:30;
                      width:100"
               onmouseover="this.style.backgroundColor='yellow'"
               onmouseout="this.style.backgroundColor='lightgreen'"
               runat="server">
          Click me too!
       </button>
       &nbsp;With rollover effect
       <p />        
       <p />
       <span id="Span1" runat="server" />
   </form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlButton Control</title>

   <script runat="server">
      void Button1_OnClick(object Source, EventArgs e) 
      {
         Span1.InnerHtml="You clicked Button1";
      }
      void Button2_OnClick(object Source, EventArgs e) 
      {
         Span1.InnerHtml="You clicked Button2";
      }
   </script>

</head>
<body>
   <h3>HtmlButton Sample</h3>

   <form id="Form1" runat="server">
      <p />
      <button id="Button1" 
              onserverclick="Button1_OnClick" 
              style="font: 8pt verdana;
                    background-color:Lime;
                    border-color:black;
                    height:30;
                    width:100" 
              runat="server">
          <img src="/quickstart/aspplus/images/right4.gif" alt="Embedded image" /> Click me!
       </button>
       &nbsp;With embedded &lt;img&gt; tag
       <p />
       <p />
       <button id="Button2" 
               onserverclick="Button2_OnClick" 
               style="font: 8pt verdana;
                      background-color:Lime;
                      border-color:black;
                      height:30;
                      width:100"
               onmouseover="this.style.backgroundColor='yellow'"
               onmouseout="this.style.backgroundColor='Lime'"
               runat="server">
          Click me too!
       </button>
       &nbsp;With rollover effect
       <p />        
       <p />
       <span id="Span1" runat="server" />
   </form>
</body>
</html>

См. также

Ссылки

HtmlButton

Другие ресурсы

Серверные HTML-элементы управления