控件的简单使用
2006-10-06 10:37
363 查看
原文:http://www.qicaispace.com/teach/show.asp?id=39
或许你会问,为什么需要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>
或许你会问,为什么需要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>
相关文章推荐
- UI控件-UIView的简单使用
- ios控件——UITarBarController的简单使用
- IOS学习之UIPickerView控件的简单使用
- datagrid的几点简单应用,功能包括radio的单选,checkbox的多选,鼠标移动到行上颜色变深,链接传递多参数等功能。这里radio和checkbox都使用的是HTML控件。
- android刮奖控件,使用简单。
- iOS UI控件的圆角设置,layer属性简单使用
- 使用picker View控件完成一个简单的选餐应用
- UISegmentControl控件的简单使用
- Android Design Support Library 中控件的使用简单介绍(一)介绍 在这个 Lib 中主要包含了 8 个新的 material design 组件!最低支持 Android
- 利用ATL技术创建ActiveX控件CircleCtl 。简单介绍 VC2003 使用 ATL 开发 ActiveX 控件(转)
- 打印控件Lodop的简单使用
- j2ee 简单网站搭建:(十一)ckeditor 控件使用入门
- MFC表格控件的简单使用(转)
- 回调函数中使用MFC类的成员或对话框控件的简单方法。
- StretchPanel可以根据需要收缩或者展开视图的控件,使用简单方便!
- 安卓Design包之TabLayout控件的简单使用
- 最简单的方法在DataGrid中自定义样式列(通过继承可以在Datagrid中使用下拉列表框,日期控件等)
- 语法高亮编辑控件Scintilla在MFC中的简单使用
- C#验证控件validator的简单使用
- Adapter类控件使用之DrawerLayout(官方侧滑菜单)的简单使用