10天学会ASP.net之第三天
类别: ASP.NET教程 
或许你会问，为什么需要WEB控件？WEB控间就好像VB里面的控间，可以在程序的任何地方引用，修改所有属性，有了它的配合才能完成代码分离。想一下，如果还是以前的HTML控间，我们当我们需要在某一个地方显示一段数据库的内容是不是只有用＜%= %＞这样势必在HTML包含了程序的代码块，就达不到分离代码和界面的目的了。
或许你还会问，为什么要代码分离那？原因很简单，不是每一个程序员都是合格的网页设计师，如果我们需要修改代码的时候会破坏网页设计师原来的设定，是不是不方便那，程序代码和HTML代码混合在一起对于程序员来说也不方便修改代码。当然，我们的网页设计师也需要学习一点WEB控间的知识。
下面来一个一个介绍：
一、Label控件：
主要属性：
Text 标签所显示的文本
范例：＜asp:Label id=\"lblMessage\" Text=\"aaa\" runat=\"server\"/＞
需要注意的是我们不能遗漏runat=\"server\"字样，还有所有的WEB控件都要包含在＜form runat=\"server\"＞＜/form＞中间
下面看一个完整的例子，在程序里面修改Label的Text属性，以此改变网页的显示。
＜script runat=\"server\" language=\"c#\"＞
void Page_Load()
{
lblMessage.Text=\"Hello World!\";
}
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Label id=\"lblMessage\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
--------------
＜script runat=\"server\" language=\"vb\"＞
sub Page_Load
lblMessage.Text=\"Hello World!\"
end sub
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Label id=\"lblMessage\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
二、TextBox控件：
主要属性：
Text 控件显示的文本；
MaxLength 文本框可以添加的最多的字符数（多行文本框无效）；
ReadOnly 只读；
TextMode 有下面几个有效值 MultiLine,Password,SingleLine；
Rows 指定文本框的垂直尺寸
三、Button控件：
有三种：Button 标准的表单按钮；ImageButton 显示图像的表单按钮；LinkButton 显示作为超链接样子Button
Button基本上就是Text属性来设置按钮上面的文字；
ImageButton基本上就是ImageUrl来设置按钮上图象的地址；AlternativeText 在浏览器不支持图片的时候显示的文字；
LinkButton基本上就是Text属性来设置按钮上的文字；
他们三者共同的属性就是CausesValidation=true/false来设置按钮提交的表单是不是被检验（后面将说到检验控件）
他们三者共同的方法就是OnClick就是点击按钮的时候触发的函数，下面举一个例子：＜script runat=\"server\" language=\"c#\"＞
void btnCounter_OnClick(object sender,EventArgs e)
{
btnCounter.Text=\"Clicked\";
}
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Button Text=\"UnClicked\" OnClick=\"btnCounter_OnClick\" id=\"btnCounter\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
---------------------
＜script runat=\"server\" language=\"vb\"＞
sub btn_COunter_OnClick(s as object,e as eventargs)
btnCounter.Text=\"Clicked\"
end sub
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Button Text=\"UnClicked\" OnClick=\"btnCounter_OnClick\" id=\"btnCounter\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
或许你还会问，为什么要代码分离那？原因很简单，不是每一个程序员都是合格的网页设计师，如果我们需要修改代码的时候会破坏网页设计师原来的设定，是不是不方便那，程序代码和HTML代码混合在一起对于程序员来说也不方便修改代码。当然，我们的网页设计师也需要学习一点WEB控间的知识。
下面来一个一个介绍：
一、Label控件：
主要属性：
Text 标签所显示的文本
范例：＜asp:Label id=\"lblMessage\" Text=\"aaa\" runat=\"server\"/＞
需要注意的是我们不能遗漏runat=\"server\"字样，还有所有的WEB控件都要包含在＜form runat=\"server\"＞＜/form＞中间
下面看一个完整的例子，在程序里面修改Label的Text属性，以此改变网页的显示。
＜script runat=\"server\" language=\"c#\"＞
void Page_Load()
{
lblMessage.Text=\"Hello World!\";
}
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Label id=\"lblMessage\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
--------------
＜script runat=\"server\" language=\"vb\"＞
sub Page_Load
lblMessage.Text=\"Hello World!\"
end sub
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Label id=\"lblMessage\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
二、TextBox控件：
主要属性：
Text 控件显示的文本；
MaxLength 文本框可以添加的最多的字符数（多行文本框无效）；
ReadOnly 只读；
TextMode 有下面几个有效值 MultiLine,Password,SingleLine；
Rows 指定文本框的垂直尺寸
三、Button控件：
有三种：Button 标准的表单按钮；ImageButton 显示图像的表单按钮；LinkButton 显示作为超链接样子Button
Button基本上就是Text属性来设置按钮上面的文字；
ImageButton基本上就是ImageUrl来设置按钮上图象的地址；AlternativeText 在浏览器不支持图片的时候显示的文字；
LinkButton基本上就是Text属性来设置按钮上的文字；
他们三者共同的属性就是CausesValidation=true/false来设置按钮提交的表单是不是被检验（后面将说到检验控件）
他们三者共同的方法就是OnClick就是点击按钮的时候触发的函数，下面举一个例子：＜script runat=\"server\" language=\"c#\"＞
void btnCounter_OnClick(object sender,EventArgs e)
{
btnCounter.Text=\"Clicked\";
}
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Button Text=\"UnClicked\" OnClick=\"btnCounter_OnClick\" id=\"btnCounter\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
---------------------
＜script runat=\"server\" language=\"vb\"＞
sub btn_COunter_OnClick(s as object,e as eventargs)
btnCounter.Text=\"Clicked\"
end sub
＜/script＞
＜html＞
＜head＞＜title＞Label.aspx＜/title＞＜/head＞
＜body＞
＜form runat=\"server\"＞
＜asp:Button Text=\"UnClicked\" OnClick=\"btnCounter_OnClick\" id=\"btnCounter\" runat=\"server\"/＞
＜/form＞
＜/body＞
＜/html＞
- 上一篇: 10天学会ASP.net之第二天
- 下一篇: 10天学会ASP.net之第四天
