上一篇我们已经学习了Button控件,今天我们在继续学习几个控件,因为控件的使用在上一篇中已经做了介绍,所以本片中主要介绍一些控件的属性和用途。
常用控件
Lable(标签)
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
属性
ID——这个是当前使用的控件的对象名,便于我们在后台代码中使用
BackColor——这个是控件的背景颜色
BorderColor——这个是控件的边框颜色
Height——这个是控件的高度
Width——这个是控件的宽度
Text——这个是控件的显示内容
Lable的主要作用是用于显示某些信息,比如单击按钮之后,系统返回给用户处理结果
前台代码修改为
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="发送" OnClick="Button1_Click" />
后台代码中添加事件函数
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = "发送成功!";
}
然后我们再来看看效果
点击前
点击后
ImageButton(图片按钮)/Iamge(图片)
<asp:ImageButton ID="ImageButton2" runat="server" />
<asp:Image ID="Image1" runat="server" />
属性
ImageUrl——图片路径
这个控件可以让我们自定义Button的外观,如果你觉得自带的Button太吃藕的话,可以使用这个,他的Click事件与Button相同,我们来看看效果
添加后台代码
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
{
ImageButton1.ImageUrl = "~/img/soc-icon-1.png";//更换图片的样式
}
显示效果如下
点击前
点击后
*Image与ImageButton的属性基本相同,但是Iamge是没有Click事件的,这里就不针对Image做详细介绍了
TextBox(文本框)
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
属性
ID——这个是当前使用的控件的对象名,便于我们在后台代码中使用
BackColor——这个是控件的背景颜色
BorderColor——这个是控件的边框颜色
Height——这个是控件的高度
Width——这个是控件的宽度
Text——这个是文本框中的内容
TextMode——文本的类型
FontSize——字体大小
TextMode="MultiLine"
TextMode="SingleLine"
TextMode="Password"
事件
Textbox主要讲一个TextChanged事件
TextChanged事件触发的条件是当焦点离开这个TextBox控件的时候,在使用这个事件时,需要把Textbox的AUTOPOSTBACK属性设置为TRUE。
需要注意的一点是,事件触发的时候会重新载入当前这个页面,也就是会执行一遍page_load(页面加载)这个方法。
今天的内容大概就是这么多,下一篇会用一个小的实例把这两篇的知识点串起来,好咯,下次再见,88
本文暂时没有评论,来添加一个吧(●'◡'●)