مشاركة عبر

المصرح البناء الجملة HtmlInputImage عنصر تحكم الخادم

  • مقالة

ينشئ عنصر تحكم من جانب الخادم بتعيين <input type=image>عنصر HTML ويتيح إمكانية إنشاء زر يعرض على النسخة.

<input
    Type="Image"
    EnableViewState="False|True"
    Id="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"
    />

ملاحظات

استخدام HtmlInputImageعنصر تحكم إلى البرنامج مقابل HTML <input type=image>العنصر. يمكنك استخدام عنصر التحكم هذا بالاقتران مع HtmlInputText، HtmlTextArea، وعناصر التحكم الأخرى إلى ببناء المستخدم الإدخال النماذج. لأن عنصر تحكم هذا <input type=image>العنصر الذي يتم تشغيله على الخادم، فإنه يقدم تخصيص زر نفس كـ HTML. يوفر عنصر تحكم هذا بديلاً لبرامج الاستعراض التي لا تعتمد HTML حيوي (DHTML) و HtmlButtonعنصر تحكم.

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

لا يتطلب عنصر التحكم هذا علامة إغلاق.

إحدى ميزات عناصر تحكم HTML عبر عناصر التحكم ويب لا تتعارض أحداث من جانب الخادم مع الأحداث التي تقع على العميل, إلا إذا كان الملقم والعميل تعليمات برمجية نفسها countermand بعضها البعض. إذا كانت هذه هي الحالة يمكنك استخدام DHTML أحداث لتعديل المظهر أي الصور التي قمت تضمين تشغيل صفحتك "نماذج ويب".

مثال

المثال التالي يقارن عنصر تحكم زر نسخة ثابتة مع عنصر تحكم زر نسخة التي تستخدم DHTML onMouseOverالحدث (الذي يعرض النسخة الموز) و onMouseOutالحدث (الذي يعرض النسخة الأصلية mango). تتضمن زري النسخة OnServerClickحدث. معالج

<%@ 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>HtmlInputImage Control</title>

   <script runat="server">
      Sub Button1_Click(Source As Object, e As ImageClickEventArgs)
         Span1.InnerHtml = "You clicked button1"
      End Sub

      Sub Button2_Click(Source As Object, e As ImageClickEventArgs)
         Span1.InnerHtml = "You clicked button2"
      End Sub
   </script>

</head>
<body>
    <h3>HtmlInputImage Sample</h3>
    <form id="Form1" runat="server">
        <input type="image" 
               id="InputImage1" 
               src="/images/mango.jpg" 
               onserverclick="Button1_Click" 
               runat="server" />
        <br />
        <input type="image" 
               id="InputImage2" 
               src="/images/mango.jpg"
               onmouseover="this.src='/images/banana.jpg';"
               onmouseout="this.src='/images/mango.jpg';"
               onserverclick="Button2_Click"
               runat="server" />
        &nbsp;With rollover effect (HTML 4.0)
        <br />
        <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>HtmlInputImage Control</title>

   <script runat="server">
      void Button1_Click(object Source, ImageClickEventArgs e) 
      {
         Span1.InnerHtml="You clicked button1";
      }
      void Button2_Click(object Source, ImageClickEventArgs e) 
      {
         Span1.InnerHtml="You clicked button2";
      }
   </script>

</head>
<body>
    <h3>HtmlInputImage Sample</h3>
    <form id="Form1" runat="server">
        <input type="image" 
               id="InputImage1" 
               src="/images/mango.jpg" 
               onserverclick="Button1_Click" 
               runat="server" />
        <br />
        <input type="image" 
               id="InputImage2" 
               src="/images/mango.jpg"
               onmouseover="this.src='/images/banana.jpg';"
               onmouseout="this.src='/images/mango.jpg';"
               onserverclick="Button2_Click"
               runat="server" />
        &nbsp;With rollover effect (HTML 4.0)
        <br />
        <span id="Span1" runat="server" />
    </form>
</body>
</html>

راجع أيضًا:

المرجع

HtmlInputImage

موارد أخرى

عناصر تحكم خادم HTML