asp.net--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要显示长篇文字的时候。