基本WEB服务器控件.ppt

基本Web服务器控件 网页可视化效果制作 网页可视化效果制作 网页可视化效果制作 第4讲Web服务器控件 Web服务器控件概述 Web服务器控件使用方法详解 Web服务器控件概述 Web服务器控件的类型Web服务器控件可以采用XML语法来声明 基本语法如下 大部分服务器控件也可以写成以下形式 其中 asp 控件类型 是Web服务器控件的开始标记 此标记要连写 不能包含空格 Web服务器控件概述 事件参数Sender引发事件的源 即事件的发送方 e事件 消息 的数据 Web服务器控件使用方法详解 Label控件用于在页面上动态显示文本Label控件声明Label控件的语法如下 使用Label控件的Text属性可以获取或设置Label控件的文本内容 Web服务器控件使用方法详解 Label控件的主要成员Text属性Font属性ForeColor属性BackColor属性BorderStyle BorderWidth属性Width Height属性CssClass属性 Web服务器控件使用方法详解 TextBox控件例子使用TextBoxWeb服务器控件可以在Web页上创建单行和多行文本框 声明TextBox控件的语法如下 Web服务器控件使用方法详解 TextBox控件 用来输入文本TextBox控件的主要成员AutoPostBack属性Text属性TextMode属性ReadOnly属性Wrap属性Enabled属性Visible属性TextChanged事件 Web服务器控件使用方法详解 Button控件具有CLICK与Command事件 前者是在单击时将表单提交给服务器 后者是单击时发生但是commandname commandargument属性的值与该事件一起被传递声明Button控件的语法 Web服务器控件使用方法详解 Button控件Button控件的常用属性和事件Enabled属性AccessKey属性Text属性ToolTip属性Click事件 Web服务器控件使用方法详解 LinkButton控件声明LinkButton控件的语法如下 文本 Web服务器控件使用方法详解 LinkButton控件LinkButton控件的常用属性和事件Text属性Click事件 Web服务器控件使用方法详解 HyperLink控件例子HyperLinkWeb服务器控件用于在页上创建一个链接 通过单击它可以转到其他页或其他位置 声明HyperLink控件的语法如下 文本 Web服务器控件使用方法详解 HyperLink控件HyperLink控件的常用属性TextNavigateUrlImageUrlTarget Web服务器控件使用方法详解 Image控件使用Image控件可以在Web窗体上显示图像 声明Image控件的语法如下 Web服务器控件使用方法详解 Image控件Image控件的常用属性ImageUrlAlternateTextImageAlign Web服务器控件使用方法详解 RadioButton控件使用RadioButton控件可以在Web窗体上创建一个单选按钮 通过将多个单选按钮分为一组可以提供一组互相排斥的选项 声明RadioButton控件的语法如下 Web服务器控件使用方法详解 RadioButton控件RadioButton控件的常用属性和事件AutoPostBack属性Checked属性Enabled属性GroupName属性Text属性TextAlign属性ToolTip属性CheckedChanged事件 Web服务器控件使用方法详解 CheckBox控件使用CheckBox控件可以在Web页上创建一个复选框控件 该控件允许用户在True或False状态之间切换 声明CheckBox控件的语法如下 Web服务器控件使用方法详解 CheckBox控件CheckBox控件的常用属性和事件AutoPostBack属性Checked属性Enabled属性Text属性TextAlign属性CheckedChanged事件 Web服务器控件使用方法详解 DropDownList控件使用DropDownList控件可以在Web窗体上创建下拉列表框 允许用户从中进行单一选择 声明DropDownList控件的语法如下 DataTextField 数据源字段 DataValueField 数据源字段 AutoPostBack True False 文本 Web服务器控件使用方法详解 DropDownList控件DropDownList控件的常用成员Items属性SelectedItem属性 Web服务器控件使用方法详解 ListBox控件使用ListBox控件可以在Web窗体上创建单选或多选列表框 声明ListBox控件的语法如下 DataTextField 数据源字段 DataValueField 数据源字段 AutoPostBack True False Rows 列数 SelectionMode Single Multiple runat server 文本 Web服务器控件使用方法详解 ListBox控件ListBox控件的常用成员Items属性SelectedItem属性SelectionMode属性 Web服务器控件使用方法详解 验证控件设计Web窗体时 如何对用户输入的数据进行有效性验证是开发人员需要解决的一个重要问题 例如 必填字段是否输入了内容 电子邮件地址格式是否正确 所输入的数据是否在指定的范围内 验证控件可以很方便地在Web窗体上完成数据的有效性验证并为用户显示相关的错误信息 Web服务器控件使用方法详解 RequiredFieldValidator控件RequiredFieldValidator控件验证用户是否在选择列表控件或TextBox控件中输入了数据值 声明RequiredFieldValidator控件的语法如下 Web服务器控件使用方法详解 RequiredFieldValidator控件RequiredFieldValidator控件的常用成员ControlToValidate属性ErrorMessage属性 Web服务器控件使用方法详解 CompareValidator控件CompareValidator控件能够将用户输入到一个输入控件 如TextBox控件 中的值与输入到另一输入控件的值或某个常数值进行比较 声明CompareValidator控件的语法如下 Web服务器控件使用方法详解 CompareValidator控件CompareValidator控件的常用成员ControlToValidate属性ControlToCompare属性ValueToCompare属性Operator属性ErrorMessage属性Type属性 Web服务器控件使用方法详解 RangeValidator控件RangeValidator控件可以检查用户的输入是否在指定的上限与下限之间 可以检查数字对 字母对和日期对限定的范围 边界表示为常数 声明RangeValidator控件的语法如下 Web服务器控件使用方法详解 RangeValidator控件RangeValidator控件的常用成员ControlToValidate属性ErrorMessage属性MaximumValue属性MinimunValue属性Type属性 Web服务器控件使用方法详解 RegularExpressionValidator控件RegularExpressionValidator根据正则表达式来验证输入的数据的正确性 声明RegularExpressionValidator控件的语法如下 Web服务器控件使用方法详解 RegularExpressionValidator控件RegularExpressionValidator控件的常用成员ControlToValidate属性ErrorMessage属性ValidationExpression属性 Web服务器控件使用方法详解 在ValidationExpression中 不同的占位符表示不同的含义 表示单个任意字符 表示前面的0次或多次表达式 A Z 表示任意大写字母 d 表示一个数字字符 例如 d A Z 表示数字开头的任意字符组合其后接一个大写字母 课堂练习 仿照例题 个人信息注册 的设计方法