按钮控件

一、button控件

1.定义:button控件可分为提交和命令两类,提交按钮控件只是将Web页面送到服务器,默认情况下,button是提交按钮控件;命令按钮控件一般包含与控件相关的命令,用于处理了空间命令事件。

2.常用属性:

button控件的常用属性
属性 说明
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.常用属性:

LinkButton空间的常用属性
属性 说明
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(&#39;LinkButton1&#39;,&#39;&#39;)">LinkButton</a>

三、ImageButton控件

1.定义:图像按钮控件,用于显示具体的图像,功能上同样与button相似。

2.常用属性:

ImageButton控件的常用属性
属性 说明
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.常用属性:

HypeLink控件的常用属性
属性 说明
ID 控件的唯一标识,不能重复
Text 获取或设置HypeLink控件的文本
ImageUrl 获取或设置HypeLink控件的显示图像路径
NavigateUrl 获取或设置单击HypeLink控件时链接到的URL
Target 获取或设置单击HypeLink控件时显示链接到的Web页内容的目标窗口或框架
Enamel 获取或设置一个值,该值指示是否启用Web服务器控件

        (1)NavigateUrl:用来设置单击HypeLink控件时要链接到的网页地址

        (2)Target:表示网页打开方式

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>

 

posted on 2016-07-16 21:55  bosamvs  阅读(816)  评论(0编辑  收藏  举报

导航