Share via

Deklarative Syntax des HtmlButton-Serversteuerelements

  • Artikel

[Dieses Dokument dient lediglich Vorschauzwecken und kann in späteren Versionen geändert werden. Leere Themen sind als Platzhalter enthalten.]

Erstellt ein serverseitiges Steuerelement, das auf ein <button>-HTML-Element verweist und die Erstellung von Schaltflächen ermöglicht.

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

Hinweise

Verwenden Sie das HtmlButton-Steuerelement, um das <button>-HTML-Element zu programmieren. Sie können benutzerdefinierten Code für das ServerClick-Ereignis des HtmlButton-Steuerelements bereitstellen, der angibt, welche Aktion bei einem Mausklick auf das Steuerelement ausgeführt werden soll.

Hinweis

Das HtmlButton-Steuerelement stellt JavaScript im Clientbrowser dar.Im Clientbrowser muss JavaScript aktiviert sein, damit dieses Steuerelement ordnungsgemäß funktioniert.Weitere Informationen zu Clientskript finden Sie unter Client Script in ASP.NET Web Pages.

Sie können außerdem das Aussehen der Schaltflächen anpassen, die Sie in ASP.NET (.aspx)-Seiten platzieren. Mit dem HTML 4.0-<button>-Element können Sie Schaltflächen erstellen, die sich aus eingebetteten HTML-Elementen (und sogar anderen Web Forms-Steuerelementen) zusammensetzen.

Hinweis

Das <button>-Element ist in der HTML 4.0-Spezifikation definiert.

Es gibt mehrere Möglichkeiten, das Aussehen eines HtmlButton-Steuerelements zu ändern. Sie können zum Beispiel der Schaltfläche im Starttag des Steuerelements Stilattribute zuweisen, Formatierungselemente um den Text herum eingeben, den Sie zwischen dem Starttag und dem Endtag des Steuerelements einfügen, oder dem clientseitigen onmouseover-Ereignis bzw. onmouseout-Ereignis Änderungen der Eigenschaftswerte zuweisen, um nur einige Änderungsmöglichkeiten zu nennen. Darüber hinaus können Sie Bilder oder sogar andere Web Forms-Steuerelemente in die Schaltflächenelemente einfügen.

Beispiel

Im folgenden Codebeispiel wird gezeigt, wie Sie einem HtmlButton-Steuerelement Formate, DHTML-Ereignisse, Text und Bilder hinzufügen können. Es enthält außerdem Code für zwei einfache Ereignishandler, die durch eine Instanz von HtmlGenericControl, die durch ein <span>-Element erstellt wird, eine Meldung anzeigen.

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

Siehe auch

Referenz

HtmlButton

Weitere Ressourcen

HTML-Serversteuerelemente