ASP.NET的十步学习法——第三步

本文链接：https://blog.csdn.net/yingzhaom/article/details/7642496

掌握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>
一、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>
<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>

表单的验证控件，以前我们做表单验证，如果是客户端的JAVASCRIPT，不能做到美观统一，而且还可以通过直接在
浏览器起教表单来屏蔽；如果我们做服务器端验证，又会发现让检验结果在前台反映也是很麻烦的事情。现在好了，ASP.NET提供的很
多检验控件让我们不需要考虑是客户端检验还是服务器端检验，让我们不需要考虑是怎么输出检验结果。
　　看一下检验表单控件是不是填写了的检验控件先：
　　<asp:textbox id="username" runat="server" cssclass="textbox"/>
　　<asp:requiredfieldvalidator controltovalidate="username" display="dynamic" forecolor="#ff0000" font-name="宋体"
font-size="9pt" text="请填写" runat="server"/>
　　controltovalidate就是你想检验的控件的ID；默认情况下不显示错误消息，地方也会被保留，如果使用了display="dynamic" 那
么不显示错误消息的地方不会被空出； forecolor="#ff0000" font-name="宋体" font-size="9pt" 就是设定错误消息字体的颜色，
字体，大小的；text="请填写" 就是当没有填写内容时候显示的错误消息；别忘记最后的runat="server"。现在这个检验控件是放在了
textbox的后面，那么错误消息也在textbox后面显示，也可以放在其他地方。
　　再看一下比较表单控件的数据与另外一个数据的检验控件：
　　<asp:textbox id="password1" runat="server" textmode="password" cssclass="textbox"/>
　　<asp:requiredfieldvalidator controltovalidate="password1" display="dynamic" forecolor="#ff0000" font-name="宋体"
font-size="9pt" text="请填写" runat="server"/>
　　这里是第一个需要用户填写的密码框
　　我们经常会再设立一个密码框让用户再填写一次：
　　<asp:textbox id="password2" runat="server" textmode="password" cssclass="textbox"/>
　　<asp:requiredfieldvalidator controltovalidate="password2" display="dynamic" forecolor="#ff0000" font-name="宋体"
font-size="9pt" text="请填写" runat="server"/>
<asp:comparevalidator controltovalidate="password2" controltocompare="password1" display="dynamic"
operator="equal" forecolor="#ff0000" font-name="宋体" font-size="9pt" text="确认失败" runat="server"/>
　　controltocompare="password1" 就是需要比较的控件；operator="equal" 就是设定比较操作是：是否相等（还有NotEqual：
不相等,LessThan：少于,GreaterThan：大于，当不符合这个比较操作的时候显示错误消息）。
　　以前说到BUTTON控件CausesValidation=true/false来设置按钮提交的表单是不是被检验也就是这里的几个检验控件，如果
CausesValidation=true的话按下按钮就会首先检测是不是都通过了检验控件的检验。
　　下面再说两点：
　　一、每一个可以显示的控件都有是不是显示的属性，比如username.Visible=false;就是隐藏了前面的username控件；还有就是如
果要对控件应用CSS的话就这么写：cssclass=""，而不是以前HTML中的class=""。
　　二、所有WEB控件都要包含在<form runat="server"></form>中，否则就会出错。