zoukankan      html  css  js  c++  java
  • asp.netlabel标签和htmllabel标签

    html--label标签:      

          定义和用法:向控件定义标注(标记)。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
          属性:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
          <Label>标识有两个属性,一个是FOR,一个是ACCESSKEY。
          FOR的意思是,这个Lable是为哪个元件服务的?而ACCESSKEY则定义了访问这个元件的热键。
          比如,我们有一个名字叫Name的单行输入框,我们是这样定义这个元件的:
          <INPUT TYPE="TEXT" ID="Name" SIZE=30>,
          那么,我们的<label>可以如此定义:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>。
          大家可以看见,这个<Label>是为那个ID为“Name”元件服务的,而ACESSKEY则定义了,这访问这个元件的热键为“Alt+N”。
    asp.net--label标签:
          定义和用法:Label 控件用于在页面上显示文本。该文本是可编程的。该控件允许您为内容应用样式!
          属性:"runat",规定该控件是一个服务器控件。必须设置为 "server";"Text",在 label 中显示的文本。
    实例:
    1.html--label标签:
    源码:
    <!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>无标题页</title>
        <script type="text/javascript">
            function ShowMessage(id)
            {
                if(id == "radioChoose1")
                {
                    document.getElementById("trMessage1").style.display = 'block';
                    document.getElementById("trMessage2").style.display = 'none';
                }
                else if(id == "radioChoose2")
                {
                    document.getElementById("trMessage2").style.display = 'block';
                    document.getElementById("trMessage1").style.display = 'none';
                }
            }
        </script>
    </head>
    <body>
        <table id="table1">
            <tr>
                <td>
                    <input type="radio" name="radioChoose" id="radioChoose1" value="1" onclick="ShowMessage(this.id)" checked /><label for="radioChoose1">星期六</label>
                    <input type="radio" name="radioChoose" id="radioChoose2" value="2" onclick="ShowMessage(this.id)" /><label for="radioChoose2">星期日</label>
                </td>
            </tr>  
            <tr id="trMessage1">
                <td>
                    今天是星期六!
                </td>
            </tr>
            <tr id="trMessage2" style="display:none;">
                <td>
                    今天是星期天!
                </td>       
            </tr>
        </table>
    </body>
    </html>

    2.asp.net--label标签
    aspx源码:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="labelControl.aspx.cs" Inherits="Start.labelControl" %>

    <!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 runat="server">
        <title>无标题页</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <textarea id="textarea1" cols="40" rows="10" runat="server"></textarea><br />
            <asp:Button ID="btnSumit" runat="server" Text="复制" onclick="btnSumit_Click" /><br />
            <asp:Label ID="lable1" runat="server" Text="">
                <div id="div1" style="200px; height:200px; overflow-x:auto; overflow-y:auto;" runat="server" ></div>
            </asp:Label>
        </div>
        </form>
    </body>
    </html>

    .cs源码:
          protected void btnSumit_Click(object sender, EventArgs e)
            {
                this.div1.InnerHtml = this.textarea1.Value;
            }

    源码说明:本例没有改变asp.net控件label的值,而是改变了镶嵌在label标签内的div的值。这是因为有些时候当内容很多,label并没有把全部数据显示出来,而是根据label的大小他就显示多少。(注:正常情况下label会根据text的长度自动调整大小才对。)所以上面的代码适用于label要显示长篇文字的时候。

  • 相关阅读:
    2013年春季献礼 微软认证考试5.5折优惠,截止到5月25日
    邮件服务器脱离域灾难恢复
    How to: Hide the Ribbon in SharePoint 2010
    sharepoint2010如何根据用户登录名获取有权限的列表记录?
    sharepoint 2010的版本比较
    SharePoint2010文档归档策略(2)从放置库转移到自己定义的文档库
    如何设置sharepoint的栏目不在新增或修改页面显示?
    如何删除 SharePoint Workspace 2010 中的临时数据和永久数据
    Windows XP 默认蓝色桌面的 RGB
    System.Net.Socket Tcp 学习笔记(一)
  • 原文地址:https://www.cnblogs.com/wchhuangya/p/1546360.html
Copyright © 2011-2022 走看看