مشاركة عبر

HtmlButton تحكم خادم بناء الجملة المصرح به

  • مقالة

ينشئ عنصر تحكم من جانب الخادم بتعيين <button>عنصر HTML ويتيح إمكانية إنشاء أزرار دفع.

<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. الـ HTML 4.0 <button>العنصر يسمح بإنشاء أزرار تتألف من عناصر HTML المضمن (وعناصر التحكم الأخرى حتى نماذج ويب).

ملاحظةملاحظة

الـ <button>تم تعريف عنصر في مواصفات HTML 4.0.

هناك عدد من الطرق لتعديل المظهر الـ HtmlButtonعنصر تحكم. يمكنك تعيين سمات النمط إلى الزر في العلامة فتح عنصر تحكم يتضمن تنسيقات عناصر حول النص إدراج بين فتح علامات إغلاق عنصر التحكم أو تعيين القيمة الخاصية التغييرات جانب العميل onmouseoverو onmouseoutأحداث لتسمية القليل. يمكنك أيضًا تضمين صور داخل عناصر الزر نفسها أو حتى تضمين عناصر تحكم "نماذج ويب" أخرى.

مثال

يوضح المثال تعليمات برمجية التالي كيفية إضافة أنماط 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