按钮控件
一、button控件
1.定义:button控件可分为提交和命令两类,提交按钮控件只是将Web页面送到服务器,默认情况下,button是提交按钮控件;命令按钮控件一般包含与控件相关的命令,用于处理了空间命令事件。
2.常用属性:
属性 | 说明 |
ID | 控件的唯一标识,不能重复 |
Text | 获取或显示在button控件中的文本 |
Width | 控件的宽度 |
Height | 控件的高度 |
CssClass | HTML中Class的VS写法 |
CausesValidation | 获取或设置一个值,该值指示在单击button控件时是否执行了验证 |
OnClientClick | HTML中onclick点击事件的VS写法 |
PostBackUrl | 获取或设置单击button控件时从当前页发送到的网页的URL |
(1)CausesValidation:主要用来确定该控件是否导致激发验证。
(2)OnClientClick:用户获取或设置客户端上执行的客户端脚本(即JS代码)
(3)PostBackUrl:用于获取或设置单击button控件时从当前页发送到的网页的URL
后台代码:
<asp:Button ID="Button1" runat="server" Text="Button" />
页面形式:
HTML代码:
<input type="submit" name="Button1" value="Button" id="Button1" />
二、LinkButton控件
1.定义:超链接按钮控件,功能与button按钮相似,只是LinkButton是以超链接的形式显示。
2.常用属性:
属性 | 说明 |
ID | 控件的唯一标识,不能重复 |
Text | 获取或设置在LinkButton中显示的文本 |
Width | 控件宽度 |
CausesValidation | 获取或设置一个值,该值指示在单击LinkButton控件时是否执行了验证 |
Enabled | 获取或设置一个值,该值指示是否启用Web服务器控件 |
PostBackUrl | 获取或设置单击LinkButton控件时从当前页发送到的网页URL |
后台代码:
<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
页面形式:
HTML代码:
<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>
三、ImageButton控件
1.定义:图像按钮控件,用于显示具体的图像,功能上同样与button相似。
2.常用属性:
属性 | 说明 |
ID | 控件的唯一标识,不能重复 |
AlternateText | 在图像无法显示时的替换文字 |
CausesValidation | 获取或设置一个值,该值指示在单击ImageButton控件时是否执行了验证 |
ImageUrl | 获取或设置在ImageButton控件中显示的图像的位置 |
Enabled | 获取或设置一个值,该值指示是否可以单击ImageButton控件中显示的图像的位置 |
PostBackUrl | 获取或设置单击ImageButton控件时从当前页发送到网页URL |
(1)AlternateText:在指定显示的图像不能使用是显示的提示文本
(2)ImageUrl:设置ImageButton控件中显示的图像的位置,可以使相对路径也可以是绝对路径。
后台代码:
<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="没有图片" /> </div>
页面形式:
页面代码:
<input type="image" name="ImageButton1" id="ImageButton1" alt="没有图片" /> </div>
四、HyperLink控件
1.定义:超链接控件,控件功能与<a href="">相似。该控件与大多数Web服务器控件不同,当用户单击它时并不会在服务器代码中引发事件,该控件只实现导航功能。
2.常用属性:
属性 | 说明 |
ID | 控件的唯一标识,不能重复 |
Text | 获取或设置HypeLink控件的文本 |
ImageUrl | 获取或设置HypeLink控件的显示图像路径 |
NavigateUrl | 获取或设置单击HypeLink控件时链接到的URL |
Target | 获取或设置单击HypeLink控件时显示链接到的Web页内容的目标窗口或框架 |
Enamel | 获取或设置一个值,该值指示是否启用Web服务器控件 |
(1)NavigateUrl:用来设置单击HypeLink控件时要链接到的网页地址
(2)Target:表示网页打开方式
成员 | 说明 |
_blank | 在新窗口打开 |
_self | 在具有焦点的框架中显示链接页 |
_top | 在没有框架的全部窗口中显示链接页 |
_parent | 在父级页打开 |
后台代码:
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.baidu.com" Target="_blank">HyperLink</asp:HyperLink>
页面形式:
页面代码:
<a id="HyperLink1" href="http://www.baidu.com" target="_blank">HyperLink</a>