ASP.NET学习笔记四 控件使用

 ASP.net控件分类：
1、HTML控件 System.Web.UI.Htmlcontrols
 普通HTML脚本控件，属于客户端控件，用于客户端解释页面的显示的内容
 也可以转化成服务器控件，只需要加上属性 runat="server"
 如：文本框配合按钮使用
姓名: <input id="txtUserName" name="txtUserName" type="text" />
<input id="btnSubmit" type="button" value="显示" onclick="show1()"/>
脚本部分代码为：
<mce:script type="text/javascript"><!--
function show1()
{
var userName = document.getElementById("txtUserName").value;
if(userName != "")
alert("您输入的姓名是:"+userName);
else
alert("别逗了,您不没输入呢!");
}

// --></mce:script>
在JavaScript中我们根据元素的id来定位到元素，再通过元素的value、innerText、innerHTML、style等属性来
 改变元素或做一些处理工作。那么对于像单选按钮、多选按钮等组合性质的控件，就要根据其组名来获取元素，如下：
您的兴趣爱好:<br />
<input name="hover" type="checkbox" value="tour"/>旅游
<input name="hover" type="checkbox" value="net"/>上网
<input name="hover" type="checkbox" value="reading" />阅读
<input id="btnHover" type="button" value="显示" onclick="show2()"/>
脚本代码:
<mce:script type="text/javascript"><!--

function show2()
{
var hovers = document.getElementsByName("hover");
var _hovers = new Array();
var info = "您的兴趣爱好为:" ;
for(var i=0;i<hovers.length;i++)
if(hovers[i].checked)
_hovers[i] = hovers[i].value;
for(var t in _hovers)
info += _hovers[t] + "\t";
alert(info);
}

// --></mce:script>
2、Web控件 System.Web.UI.Controls
 服务器控件，提供丰富的功能，可执行复杂的页面请求 
 Web服务器控件以asp:开头，称为标记前缀，后面是控件类型，
 例如:<asp:Label ID="lblTitle" runat="server"></asp:Label>
 这种标注方式就很清楚地知道控件的具体类