Bagikan melalui

HtmlInputImage.Src Properti

Definisi

Ruang nama:
System.Web.UI.HtmlControls
Rakitan:
System.Web.dll

Mendapatkan atau mengatur lokasi file gambar.

public:
 property System::String ^ Src { System::String ^ get(); void set(System::String ^ value); };
public string Src { get; set; }
member this.Src : string with get, set
Public Property Src As String

Nilai Properti

String

Lokasi file gambar. Nilai default adalah string kosong ("").

Contoh

Contoh kode berikut menunjukkan cara menggunakan Src properti untuk menentukan jalur ke gambar yang ditampilkan dalam HtmlInputImage kontrol.

<%@ 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" >
   <script runat="server">

     protected void SubmitBtn_Click(object sender, ImageClickEventArgs e)
     {
       Message.InnerHtml = "The Submit button was clicked.";
     }

     protected void ClearBtn_Click(object sender, ImageClickEventArgs e)
     {
       Message.InnerHtml = "The Clear button was clicked.";
     }
     
</script>
 
   <head runat="server">
    <title>HtmlInputImage Example</title>
</head>
<body>
      <h3>HtmlInputImage Example</h3>

      <form id="form1" runat="server">

         <input type="image"
                alt="Submit button" 
                src="Submit.jpg" 
                onserverclick="SubmitBtn_Click" 
                runat="server"
                id="Image1" />

         <input type="image"
                alt="Clear button" 
                src="Clear.jpg" 
                onserverclick="ClearBtn_Click" 
                runat="server"
                id="Image2" />
 
         <h1> 
         
         <span id="Message" 
               runat="server">
         </span>

         </h1>

      </form>

   </body>

</html>


<%@ 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">
<script runat="server">

  Sub SubmitBtn_Click(ByVal Source As Object, ByVal E As ImageClickEventArgs)
    Message.InnerHtml = "The Submit button was clicked."
  End Sub
 
  Sub ClearBtn_Click(ByVal Source As Object, ByVal E As ImageClickEventArgs)
    Message.InnerHtml = "The Clear button was clicked."
  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
 
   <head runat="server">
    <title>HtmlInputImage Example</title>
</head>
<body>
      <h3>HtmlInputImage Example</h3>

      <form id="form1" runat="server">

         <input type="image"
                alt="Submit button" 
                src="Submit.jpg" 
                onserverclick="SubmitBtn_Click" 
                runat="server"
                id="Image1" />

         <input type="image"
                alt="Clear button" 
                src="Clear.jpg" 
                onserverclick="ClearBtn_Click" 
                runat="server" 
                id="Image2" />
 
         <h1> 
         
         <span id="Message" 
               runat="server">
         </span>

         </h1>

      </form>

   </body>

</html>

Keterangan

Src Gunakan properti untuk menentukan lokasi gambar yang akan ditampilkan dalam HtmlInputImage kontrol. Jika gambar tidak tersedia, teks yang ditentukan dalam Alt properti ditampilkan.

Anda dapat menggunakan URL relatif atau absolut. URL relatif berkaitan dengan lokasi gambar ke lokasi halaman Web tanpa menentukan jalur lengkap di server. Jalur relatif terhadap lokasi halaman Web. Ini memudahkan untuk memindahkan seluruh situs ke direktori lain di server tanpa memperbarui jalur ke gambar dalam kode. Anda dapat menggunakan jalur relatif " " ~/ untuk merujuk ke direktori virtual saat ini tempat halaman berada. Misalnya, nilai Src untuk <input type="image" runat="server" src="~/abc/d.gif"> pada halaman di direktori virtual "XspTest" adalah <input type="image" src="/XspText/abc/d.gif">. URL absolut menyediakan jalur lengkap. Oleh karena itu, memindahkan situs ke direktori lain mengharuskan Anda memperbarui kode.

Berlaku untuk

Lihat juga