Partilhar via

HtmlImage servidor controle Declarative sintaxe

  • Artigo

Cria um controle de servidor que mapeia para o <button> Elemento HTML e permite que você criar botões de ação.

<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>

Comentários

Use o HtmlButton o controle para programar o HTML <button> elemento. Você pode fornecer o código personalizado para o ServerClick evento da HtmlButton controle para especificar a ação executada quando o controle é clicado.

ObservaçãoObservação:

O HtmlButton controle processa JavaScript no navegador cliente. O navegador do cliente deve ter o JavaScript habilitado para este controle para funcionar corretamente. Para obter mais informações sobre script de cliente, consulte Script de Cliente em Páginas da Web ASP.NET.

Você também pode personalizar a aparência dos botões que você colocar em páginas ASP.NET (.aspx). O HTML 4.0 <button> elemento permite que você crie botões composta de elementos HTML incorporados (e até mesmo outros controles de Web Forms).

ObservaçãoObservação:

O <button> elemento é definido na especificação HTML 4.0.

Há várias maneiras de modificar a aparência de um HtmlButton controle. Você pode atribuir os atributos de estilo ao botão na marca de abertura do elemento de controle de, incluir elementos de formatação ao redor do texto que você insere entre as Rótulos de abertura e fechamento do controle ou atribuir a propriedade valor é alterado para o cliente onmouseover e onmouseout eventos, para citar alguns. Você pode também incluir imagens dentro os próprios elementos de botão ou até mesmo incluir outros controles de Web Forms.

Exemplo

O exemplo de código a seguir demonstra como adicionar estilos, eventos DHTML, texto e imagens para HtmlButton controles. Ele também inclui código para dois manipuladores de eventos simples que exibem uma mensagem por meio de uma instância de um HtmlGenericControl criado por um <span> elemento.

<%@ 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>

Consulte também

Referência

HtmlButton

Outros recursos

Controles de servidores HTML