asp.net--label标签和html--label标签

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="width: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要显示长篇文字的时候。

posted @ 2009-08-14 17:39  wchhuangya  阅读(8848)  评论(0编辑  收藏  举报