按钮控件

一、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>