Sdílet prostřednictvím

Deklarativní syntaxe serverového ovládacího prvku HtmlButton

  • Článek

Vytvoří ovládací prvek straně serveru, který mapuje <button> prvku HTML a umožňuje vytvořit tlačítka.

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

Poznámky

Použití HtmlButton řízení proti HTML programu <button> prvku. Můžete poskytnout vlastní kód ServerClick události HtmlButton Určete akci provést po klepnutí na ovládací prvek řízení.

PoznámkaPoznámka

HtmlButton Ovládací prvek vykreslí JavaScript do prohlížeče klienta.Prohlížeč klienta musí být povolen jazyk JavaScript pro tento ovládací prvek správně fungovat.Další informace o klientských skriptů naleznete v Klientský skript na webových stránkách ASP.NET.

Můžete také přizpůsobit vzhled tlačítek, které umístíte do prostředí ASP.NET (ASPX) stránky. HTML 4.0 <button> prvek umožňuje vytvořit tlačítka skládá vložené prvky HTML (a i další ovládací prvky webových formulářů).

PoznámkaPoznámka

<button> Prvek je definován ve specifikaci HTML 4.0.

Existuje několik způsobů, jak změnit vzhled HtmlButton řízení. V počátečním tagu elementu ovládací tlačítka přiřadit atributy stylu, zahrnutí formátování prvků kolem textu, který vložíte mezi počátečním a koncovým tagem ovládacího prvku nebo přiřadit hodnotu změny vlastností straně klienta onmouseover a onmouseout události název několik. Můžete také zahrnout obrazy uvnitř samotné tlačítko prvky nebo zahrnout i další ovládací prvky webových formulářů.

Příklad

Následující příklad kódu ukazuje, jak přidat styly, DHTML události, text a obrazy na HtmlButton ovládací prvky. Zahrnuje také kód dvě obslužné rutiny událostí jednoduché zobrazující zprávy prostřednictvím instance HtmlGenericControl , vytvořené <span> prvku.

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

Viz také

Odkaz

HtmlButton

Další zdroje

Serverové ovládací prvky HTML