程序员的知识教程库

网站首页 > 教程分享 正文

干货——asp.net快速上手教程2(aspnet入门)

henian88 2024-08-15 05:00:57 教程分享 5 ℃ 0 评论

上一篇我们已经学习了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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表