HtmlInputImage.Src プロパティとは何？わかりやすく解説 Weblio辞書

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

HtmlInputImage.Src プロパティ

イメージファイルの位置を取得または設定します。

名前空間: System.Web.UI.HtmlControls
アセンブリ: System.Web (system.web.dll 内)
構文

Visual Basic (宣言)

Public Property Src As String

Visual Basic (使用法)

Dim instance As HtmlInputImage
Dim value As String

value = instance.Src

instance.Src = value

public string Src { get;
 set; }

C++

public:
property String^ Src {
    String^ get ();
    void set (String^ value);
}

/** @property */
public String get_Src ()

/** @property */
public void set_Src (String value)

JScript

public function get Src
 () : String

public function set Src
 (value : String)

プロパティ値
イメージファイルの位置。既定値は空の文字列 ("") です。

解説

Src プロパティを使用して、HtmlInputImage コントロールに表示するイメージの位置を指定します。イメージを利用できない場合は、Alt プロパティで指定されたテキストが表示されます。

相対 URL または絶対 URL を使用できます。相対 URL は、サーバー上の完全パスを指定せずに、イメージの位置を Web ページの位置と関連付けます。このパスは、Web ページの位置に対する相対パスです。これにより、コード内でイメージのパスを更新しなくても、サーバー上の別のディレクトリにサイト全体を簡単に移動できます。相対パス "~/" を使用すると、ページが存在する現在の仮想ディレクトリを参照できます。たとえば、"XspTest" 仮想ディレクトリ内のページの <input type="image" runat="server" src="https://cdn.weblio.jp/e7/img/dict/msdnc/~/abc/d.gif"> のための Src の値は、<input type="image" src="https://cdn.weblio.jp/e7/img/dict/msdnc//XspText/abc/d.gif"> です。絶対 URL では完全なパスを指定します。したがって、サイトを他のディレクトリに移動する場合は、コードを更新する必要があります。

使用例

Src プロパティを使用して、HtmlInputImage コントロールに表示するイメージのパスを指定する方法を次のコード例に示します。

Visual Basic

<%@ Page Language="VB" AutoEventWireup="True"
 %>

<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>
 
   <body>
      <h3>HtmlInputImage Example</h3>

      <form 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="C#" AutoEventWireup="true"
 %>

<html>
   <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>
 
   <body>
      <h3>HtmlInputImage Example</h3>

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

JScript

<%@ Page Language="JScript" AutoEventWireup="True" %>

<script runat="server">

   function SubmitBtn_Click(source : Object, e : ImageClickEventArgs)
   {
     Message.InnerHtml = "The Submit button was clicked."
   }
 
   function ClearBtn_Click(source : Object, e : ImageClickEventArgs)
   {
     Message.InnerHtml = "The Clear button was clicked."
   }

</script>

<html>
 
   <body>

      <h3>HtmlInputImage Example</h3>

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