asp常用控件

 

Label控件

    功能说明：用于显示文本，提示信息，如窗体标题，文本框的标题

    命名前缀：Lbl

    ASPX代码：<asp:Label ID="LblSample" runat="server" Text="Label Sample"></asp:Label>

    重要属性：Text          显示的文本

 

HyperLink控件

    功能说明：建立文本超链接或图片超链接

    命名前缀：Hlk

    ASPX代码：<asp:HyperLink ID="HlkSample" runat="server" NavigateUrl="www.sample.com.cn">Sample</asp:HyperLink>

    重要属性：NavigateUrl   链接URL

              ImageUrl      显示的图片URL

              Target        目标框架的名称，如"_blank","_top"等

 

Image控件

    功能说明：用于显示图片

    命名前缀：Img

    ASPX代码：<asp:Image ID="ImgSample" runat="server" ImageUrl="build.ImgSample"  />

    重要属性：ImageUrl      显示的图片URL

 

Button控件

    功能说明：用于创建按钮，执行命令

    命名前缀：Btn

    ASPX代码：<asp:Button ID="BtnSample" runat="server" Text="Sample" />

    重要属性：Text          显示在按钮上的文本

 

TextBox控件

    功能说明：用于显示文本和接收用户输入的文本

    命名前缀：Txt

    ASPX代码：<asp:TextBox ID="TxtSample" runat="server" Text="TextBox Sample"></asp:TextBox>

    重要属性：Text          显示在按钮上的文本

              TextMode      设置文本的模式，"Single"为单行文本框，"Multiline"为多行文本框

              Rows          当TextMode设置为"Multiline"时，文本框显示的行数

              Columns       设置文本框的宽度

              MaxLength     设置文本框允许输入的最多字符数

 

CheckBox控件

    功能说明：用于创建复选框

    命名前缀：Chk

    ASPX代码：<asp:CheckBox ID="ChkSample" runat="server" Text="CheckBox Sample" />

    重要属性：Text          显示在复选框旁的文本

              Checked       复选框的选择状态，True为选中，False为未选中

 

RadioButton控件

    功能说明：用于创建单选按钮

    命名前缀：Rad

    ASPX代码：<asp:RadioButton ID="RadSample" runat="server" GroupName="GroupOne" Text="RadioButton Sample" />

    重要属性：Text          显示在单选按钮旁的文本

              GroupName     属于通一组的单选按钮，即GroupName相同的单选按钮，只能有一个处于选中状态

              Checked       单选按钮的选择状态，True为选中，False为未选中

 

CheckBoxList控件

    功能说明：用于创建一组复选框

    命名前缀：ChkLst

    ASPX代码：<asp:CheckBoxList ID="ChkLstSample" runat="server">

                <asp:ListItem Value="1">选项1</asp:ListItem>

                <asp:ListItem Value="2">选项2</asp:ListItem>

              </asp:CheckBoxList>

    重要属性：Items         复选框列表中复选框集合

              Selected      Items集合元素属性，对应复选框选择状态

 

RadioButtonList控件

    功能说明：用于创建一组单选按钮

    命名前缀：RadLst

    ASPX代码：<asp:RadioButtonList ID="RadLstSample" runat="server">

                <asp:ListItem Value="1">选项1</asp:ListItem>

                <asp:ListItem Value="2">选项2</asp:ListItem>

              </asp:RadioButtonList>

    重要属性：SelectedItem  单选按钮集合中选择状态为选中的单选按钮

 

ListBox控件

    功能说明：用于创建列表框

    命名前缀：Lst

    ASPX代码：<asp:ListBox ID="LstSample" runat="server">

                <asp:ListItem Value="1">选项1</asp:ListItem>

                <asp:ListItem Value="2">选项2</asp:ListItem>

              </asp:ListBox>

    重要属性：SelectionMode 列表框的的选择模式，"Single"为单项选择，"Multiline"为多项选择

              Items         列表框的选项集合

              Selected      Items集合元素属性，对应选项的选择状态，True为选中，False为未选中

 

DropDownList控件

    功能说明：用于创建下拉列表框，只能进行单项选择

    命名前缀：DdwLst

    ASPX代码：<asp:DropDownList ID="DdwLstSample" runat="server">

                <asp:ListItem Value="1">选项1</asp:ListItem>

                <asp:ListItem Value="2">选项2</asp:ListItem>

              </asp:DropDownList>

    重要属性：Items         复选框列表的选项集合

              Selected      Items集合元素属性，对应选项的选择状态，True为选中，False为未选中

 

RequiredFieldValidator控件

    功能说明：验证控件必须输入，未输入时或输入与初始值相同时提示错误信息

    命名前缀：ReqVdt

    ASPX代码：<asp:RequiredFieldValidator ID="ReqVdtName" runat="server"

                ErrorMessage="未输入姓名" ControlToValidate="TxtSample">

              </asp:RequiredFieldValidator>

    重要属性：ControlToValidate 被验证的控件的Name

              ErrorMessage      验证失败的提示信息

              InitialValue      InitialValue如果为空，被验证的控件的内容为空则验证失败，

                                如果不为空，被验证的控件的内容如果和InitialValue值一样则验证失败。

 

RangeValidator控件

    功能说明：输入范围验证，输入值的范围必须在指定的范围之内。

    命名前缀：RngVdt

    ASPX代码：<asp:RangeValidator ID="RngVdtSample" runat="server"

                ControlToValidate="TxtAge" ErrorMessage="年龄必须在1-150之间。"

                Type="Integer" MinimumValue="1" MaximumValue="150">

              </asp:RangeValidator>

    重要属性：ControlToValidate 被验证的控件的Name

              ErrorMessage      验证失败的提示信息

              Type              被验证数据的类型，可以是字符串、数值和日期型

              MinimumValue      最小值

              MaximumValue      最大值

 

CompareValidator控件

    功能说明：验证输入值与指定值的大小关系，输入值必须符合与指定值的大小关系

    命名前缀：CmpVdt

    ASPX代码：<asp:CompareValidator ID="CmpVdtSample" runat="server"

                ControlToValidate="TxtBirthday" ErrorMessage="生日不能晚于2009/8/31"

                Type="Date" perator="LessThanEqual" ValueToCompare="2009/8/31">

              </asp:CompareValidator>

    重要属性：ControlToValidate 被验证的控件的Name

              ErrorMessage      验证失败的提示信息

              Type              被验证数据的类型，可以是字符串、数值和日期型

              Operator          与指定值的大小关系

              ValueToCompare    指定进行大小比较的值

              ControlToCompare  指定进行大小比较的控件

 

RegularExpressionValidator控件

    功能说明：通过正则表达式验证输入值

    命名前缀：RegVdt

    ASPX代码：<asp:RegularExpressionValidator ID="RegVdtSample" runat="server"

                ControlToValidate="TxtZip" ErrorMessage="邮编格式不正确"

                ValidationExpression="\d{6}">

              </asp:RegularExpressionValidator>

    重要属性：ControlToValidate     被验证的控件的Name

              ErrorMessage          验证失败的提示信息

              ValidationExpression  用于验证的正则表达式

 

CustomValidator控件

    功能说明：通过自定义函数验证输入值

    命名前缀：RegVdt

    ASPX代码：<asp:CustomValidator ID="CtmVdtSample" runat="server"

                ControlToValidate="TxtSex" ErrorMessage="性别应为男或女"

                ClientValidationFunction="ValidateSex" >

              </asp:CustomValidator>

              <script. type="text/javascript">

              function ValidateSex(source,args)

              {

                args.IsValid = (args.Value=="男" || args.Value=="女");

              }

              </script>

    重要属性：ControlToValidate         被验证的控件的Name

              ErrorMessage              验证失败的提示信息

              ClientValidationFunction  客户端验证函数，args.Value为验证内容，args.IsValid为验证结果

              OnServerValidate          服务端验证时间，通过事件过程实现，args.Value为验证内容，args.IsValid为验证结果

 

ValidationSummary控件

    功能说明：汇总方式显示错误信息，如不希望显示内联验证控件的错误，将内联验证控件的Display属性设置为None,

              或设置Text属性，验证错误时Validator控件显示Text，ValidationSummary控件显示ErrorMessage

    命名前缀：VdtSum

    ASPX代码：<asp:ValidationSummary ID="VdtSumSample" runat="server" ShowMessageBox="True" ShowSummary="False" />

    重要属性：ShowMessageBox    以对话框显示错误信息

              ShowSummary       在网页上显示错误信息

              DisplayMode       显示错误信息方式