Edit

HtmlInputImage.Src Property

  • Reference

Definition

Namespace:
System.Web.UI.HtmlControls
Assembly:
System.Web.dll

Gets or sets the location of the image file.

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

Property Value

String

The location of the image file. The default value is an empty string ("").

Examples

The following code example demonstrates how to use the Src property to specify the path to an image displayed in the HtmlInputImage control.

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

Remarks

Use the Src property to specify the location of the image to display in the HtmlInputImage control. If the image is not available, the text specified in the Alt property is displayed.

You can use a relative or absolute URL. A relative URL relates the location of the image to the location of the Web page without specifying a complete path on the server. The path is relative to the location of the Web page. This makes it easier to move the entire site to another directory on the server without updating the path to the image in code. You can use the relative path " ~/ " to refer to the current virtual directory where the page is located. For example, the value of Src for <input type="image" runat="server" src="~/abc/d.gif"> on a page in the "XspTest" virtual directory is <input type="image" src="/XspText/abc/d.gif">. An absolute URL provides the complete path. Therefore, moving the site to another directory requires that you update the code.

Applies to

See also