asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

八天学会ASP.net(3)


发布日期:2020年07月08日
 
八天学会ASP.net(3)

第三天

学习目的掌握WEB控件的使用(一)

或许你会问为什么需要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()

{

lblMessageText=Hello World!;

}

</script>

<html>

<head><title>Labelaspx</title></head>

<body>

<form runat=server>

<asp:Label id=lblMessage runat=server/>

</form>

</body>

</html>

<script runat=server language=vb>

sub Page_Load

lblMessageText=Hello World!

end sub

</script>

<html>

<head><title>Labelaspx</title></head>

<body>

<form runat=server>

<asp:Label id=lblMessage runat=server/>

</form>

</body>

</html>

TextBox控件

主要属性

Text 控件显示的文本MaxLength文本框可以添加的最多的字符数(多行文本框无效)ReadOnly只读 TextMode有下面几个有效值 MultiLinePasswordSingleLine 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 senderEventArgs e)

{

btnCounterText=Clicked;

}

</script>

<html>

<head><title>Labelaspx</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 objecte as eventargs)

btnCounterText=Clicked

end sub

</script>

<html>

<head><title>Labelaspx</title></head>

<body>

<form runat=server>

<asp:Button Text=UnClicked OnClick=btnCounter_OnClick id=btnCounter runat=server/>

</form>

</body>

</html>

今天就说这三个控件明天继续

上一篇:ASP.NET入门教程 13.3.1 购物对象[8]

下一篇:ASP.NET入门教程 4.2.4 身份验证[2]