Condividi tramite

Sintassi dichiarativa per il controllo server HtmlButton

  • Articolo

Crea un controllo lato server che viene mappato all'elemento HTML <button> e consente di creare pulsanti di comando.

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

Note

Utilizzare il controllo HtmlButton per eseguire la programmazione in base all'elemento HTML <button>. È possibile fornire codice personalizzato per l'evento ServerClick del controllo HtmlButton per specificare l'azione eseguita quando si fa clic sul controllo.

NotaNota

Il controllo HtmlButton consente di eseguire il rendering di JavaScript nel browser client.In tale browser deve essere abilitato JavaScript per garantire il corretto funzionamento del controllo.Per ulteriori informazioni sullo script client, vedere Script client nelle pagine Web ASP.NET.

È inoltre possibile personalizzare l'aspetto dei pulsanti inseriti nelle pagine ASP.NET (ASPX). L'elemento HTML 4.0 <button> consente di creare pulsanti costituiti da elementi HTML incorporati e anche altri controlli Web Form.

NotaNota

L'elemento <button> è definito nella specifica di HTML 4.0.

L'aspetto di un controllo HtmlButton può essere modificato in vari modi. È possibile ad esempio assegnare attributi di stile al pulsante nel tag di apertura dell'elemento del controllo, includere elementi di formattazione del testo inserito tra i tag di apertura e di chiusura del controllo oppure assegnare le modifiche del valore di una proprietà per eventi lato client, ad esempio onmouseover e onmouseout. È inoltre possibile inserire immagini all'interno degli elementi dei pulsanti o perfino includere altri controlli Web Form.

Esempio

Nell'esempio di codice riportato di seguito viene illustrato come aggiungere stili, eventi DHTML, testo e immagini ai controlli HtmlButton. Nell'esempio è incluso, inoltre, il codice per due gestori eventi semplici che consentono di visualizzare un messaggio tramite un'istanza di un controllo HtmlGenericControl creato da un elemento <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>

Vedere anche

Riferimenti

HtmlButton

Altre risorse

Controlli server HTML