一、文本类型的控件

1. Label控件
Label控件是用来显示固定的文本内容的,或者根据程序的逻辑判断显示动态文本。
常用属性有:

属性 说明
Text 控件显示的文本
Width 控件的宽度;Height,控件的高度
Visible 控件是否可见
BackColor 控件的边框颜色
BorderColor 控件的边框颜色
BorderWidth 控件的边框宽度
Font 控件中的文本字体
ForeColor 控件中文本颜色
Enable 控件是否可用

实例:
使用CssClass设置Label样式

提示:
ASP.NET中对象应用CSS样式的方法
1.使用<link href="StyleSheet.css" rel="Stylesheet" type="text/css" />引入CSS样式表文件
2.1 使用CssClass指定类的表达方式
2.2 使用#标识,指定ID的表达方式

2. TextBox控件
TextBox控件是文本框控件,用于输入或显示文本。

常用属性有:

属性 说明
AutoPostBack 获取或设置一个值,该值指示无论何时用户在TextBox控件中按Enter或Tab键时是否执行自动回发到服务器的操作。
CausesValidation 获取或设置一个值,该值指示当TextBox控件设置为在回发发生时,是否执行验证。
Text 控件要显示的文本。
TextMode 获取或设置TextBox控件的行为模式(单行、多行或密码)
Columns 文本框的宽度(以字符为单位)
MaxLength 可输入的最大字符数
Rows 多行文本框显示的行数

实例:
设计一个用户注册的页面

二、按钮类型控件

1. Button控件
Button分为提交按钮和命令按钮。提交按钮将Web页面回送到服务器;而命令按钮一般包含与控件相关联的命令,用于处理控件命令事件。
OnClientClick,获取或设置在引发某个Button控件的Click事件时所执行的客户端脚本
PostBackUrl,获取或设置单击Button控件时从当前页发送到的网页的URL

实例:
(1)制作一个收藏网站的按钮

在OnClientClick属性值中设置:window.external.addFavorite('https://zhuyalin.cn','大麦文档')

(2)制作一个激活警告框的按钮

在Click的方法中写入:Response.Write("<script>alert('This is analert!')</script>");

2. LinkButton控件
LinkButton控件又称为超链接按钮控件,该控件在功能上与Button控件相似,但在呈现样式上不同,LinkButton控件以超链接的形式显示。

实例:
使用LinkButton控件的PostBackUrl属性实现超链接功能。

3. ImageButton控件
常用属性有:

属性 说明
ImageUrl 设置在ImageButton控件中显示图像的位置
AlternateText 当图像不能显示时,替代显示的文本

实例:
使用ImageButton控件显示图片并实现超链接

4. HyperLink控件
常用属性有:

属性 说明
Text 获取或设置HyperLink控件的文本标题
ImageUrl 获取或设置HyperLink控件显示的图像路径
NavigateUrl 获取或设置单击HyperLink控件时链接到的URL

实例:
使用HyperLink控件显示图片并实现超链接
综合实例:
(1)使用JS打开一个新窗口
window.open('newPage','width=x ,height=y')

(2)使用JS关闭一个窗口
window.close()

(3)使用JS设置IE主页
设置LinkButton的OnClientClick属性为
this.style.behavior='url(#default#homepage)',this.sethomepage('http://zhuyalin.cn')

三、选择类型控件

1. ListBox控件
ListBox控件用于显示一组列表项,用户可以从中选择一项或多项。如果列表项的总数超出可以显示的基数,则ListBox控件会自动添加滚动条。
常用属性有:

属性 说明
Items 获取列表控件项的集合
SelectionMode 获取或设置ListBox控件的选择格式
SelectedIndex 获取或设置列表控件中选定项的最低序号索引
SelectedItem 获取列表控件中索引最小的选中的项
SelectedValue 获取列表控件中选定项的值,或选择列表控件中包含指定值的项
Rows 获取或设置ListBox控件中显示的行数
DataSource 获取或设置对象,数据绑定控件从该对象中检索其数据项列表

实例:
(1)ListBox控件选项的多选与单选
(2)ListBox控件选项的上移和下移操作

2. DropDownList控件
DropDownList控件与ListBox控件的使用类似,但DropDownList控件只允许用户每次从列表中选择一项,而且只在框中显示选定选项。

实例:
(1)将数据绑定到DropDownList控件中
(2)动态改变DropDownList控件的背景颜色

3. RadioButton控件
RadioButton控件是一种单选按钮控件,用户可以在页面中添加一组RadioButton控件,通过为所有的单选按钮分配相同的GroupName(组名),来强制执行从给出的所有选项集中仅选择一个选项。
常用属性有:

属性 说明
Checked 获取或设置一个值,该值指示是否已选中RadioButton控件
GroupName 获取或设置单选按钮所属的组名

实例:
使用RadioButton控件模拟考试系统中的单选题。

4. CheckBox控件
CheckBox控件是用来显示允许用户设置true或false条件的复选框。用户可以从一组CheckBox控件中选择一项或多项。

实例:
使用CheckBox控件模拟考试系统中的多选题。

4. 图形显示类型控件
(1)Image控件
Image控件是用于在页面上显示图像的。该控件的使用需要考虑以下几个方面的属性:
ImageUrl,为Image控件设置显示图像的地址
ImageAlign,设置Image控件的对齐方式,有点类似于Word中的图文混排
AlternateText,用于替代图片无法显示时的文本

实例:
配合DropDownList实现一个用户头像选择的功能。

(2) ImageMap控件
ImageMap控件允许在图片上定义一些热点区域。当单击这些区域时,将会触发预先设置好的各类事件。比如,可以在一幅中国地图上对一些省份设置热区,当鼠标点击时,就可以触发相应的链接或操作。
重要属性:
HotSpotMode,获取或设置单击HotSpot对象时ImageMap控件中的HotSpot对象的默认行为
HotSpots,获取HotSpot对象的集合,这些对象表示ImageMap控件中定义的热点区域
ImageAlign,图像的对齐方式
ImageUrl,加载图像的位置
Target,获取或设置单击ImageMap控件时显示链接到的网页内容的目标窗口或框架

实例:
触发图片中的文本区域

5. Panel容器控件

Panel控件在页面内为其他控件提供了一个容器,可以将多个控件放入一个Panel控件中,作为一个单元进行控制,如隐藏或显示这些控件;同时,也可以使用Panel控件为一组控件创建独特的外观。

实例:
控制Panel中的内容显示与隐藏

6. FileUpload文件上传控件

FileUpload文件上传控件是用来向服务器上指定目录中上传文件的,该控件包含一个文本框和一个浏览按钮。
FileUpload常用属性有

属性 说明
FileBytes 获取上传文件的字节数组
FileContent 获取指向上传文件的Stream对象
FileName 获取上传文件在客户端的文件名称
HasFile 获取一个布尔值,用于表示FileUpload控件是否已经包含一个文件
PostedFile 获取一个与上传文件相关的HttpPostedFile对象,使用该对象可以获取上传文件的相关属性。

FileUpload的核心方法
SaveAs,将文件保存到服务器上指定位置。

实例:

使用FileUpload控件上传图片

文档更新时间: 2018-11-20 22:13   作者:大麦