Labelコントロール

Labelコントロール

　LabelコントロールはWebページに文字列を表示します。このコントロールではユーザーが文字列を入力することはできません。表示する文字列は、Textプロパティに設定します。

■　主なプロパティ

プロパティ名 概要
Text Labelコントロールのテキストの内容を取得・設定する
Labelの主なプロパティ
プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 LabelTest

サンプルダウンロード

○　デザイン

　Webフォームを追加して、次の図のようにLabelコントロールを配置してください。

コントロールの配置例
コントロールの配置例

○　プログラム

　Page_Loadイベントハンドラに次のプログラムを記述してください。

index.aspx.cs

  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3. 　//ラベルに表示する文字列をセット
  4. 　this.lblMessage.Text = "Labelコントロールのテスト";
  5. }

○　実行結果

実行結果
実行結果

○　解説

　15行目でLabelコントロールのTextプロパティに文字列を代入しています。するとその文字列がWebブラウザーに表示されます。

　では次に、LabelのテキストプロパティにHtml記述を代入するとどうなるかを確認してみましょう。

プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 LabelTest2

サンプルダウンロード

○　デザイン

　Webフォームを追加して、次の図のように各コントロールを配置してください。

コントロールの配置例
コントロールの配置例

○　プログラム

　Button1_Clickイベントハンドラに次のようにプログラムを記述してください。

index.aspx.cs

  1. protected void btnSend_Click(object sender, EventArgs e)
  2. {
  3. 　//ツールチップを設定
  4. 　this.lblMessage.ToolTip = "ラベルの説明";
  5. 　//Htmlを設定
  6. 　this.lblMessage.Text = "<a href=\"http://www.infotechfactory.biz/\">Webサイト</a>のリンク";
  7. }

○　実行結果

実行結果
実行結果

○　解説

　20行目でToolTipプロパティを設定しています。これによりWebブラウザーでラベルをマウスでポイントすると説明が表示されるようになります。

　23行目でTextプロパティにHtmlのソースを代入しています。Webブラウザーではその内容をHtmlのタグと認識して表示されます。今回はリンクとして表示されます。

前へ   次へ