Web技术应用项目化教程项目3任务3.1.pptVIP

《Web技术应用项目化教程》 第*页 * 项目三 Web验证控件操作 理解与掌握Web验证控件及使用方法。 项目三目标 任务3.1 使用非空字段验证控件操作学生成绩表 【知识准备】 1. 验证控件概述 （1）数据验证性控件的分类 （2）数据验证性控件的通用属性 2. 非空字段验证控件 任务3.1 使用非空字段验证控件操作学生成绩表 【任务要求】 使用TextBox、RadioButton和ListBox三种控件，输入一个学生的 姓名、性别和班级信息，验证其是否为空。 【任务分析】 本任务为了更好地定位各个控件，使用了一个Table。各个控件的属 性表3.4所示。 任务3.1 使用非空字段验证控件操作学生成绩表 任务3.1 使用非空字段验证控件操作学生成绩表 【操作步骤】 其HTML代码如下。 双击“提交”按钮，进入事件代码编辑窗口，输入如下代码。 运行效果如下图。 图3.1 3_1.aspx运行结果 (a) (b) 任务2.1 使用Web常用标准控件操作学生成绩表 【任务要求】 综合应用HTML语言输入一名学生的姓名、性别、三门必修课程（语文、 数学和英语）成绩和两门选修课程（物理和化学）成绩。 （1）使用table表格定位一名学生考试成绩信息； （2）使用RadioButton表示性别； （3）使用TextBox表示三门必修课程成绩； （4）使用RadioButtonList表示两门选修课程（物理和化学）； （5）使用DropDownList表示学生的出生日期； （6）使用ListBox表示学生所在班级； （7）使用Label表示输出的学生成绩信息； （8）使用TextBox的TextMode=MultiLine表示备注信息； （9）使用Button表示输出学生信息和重置按钮。 任务2.1 使用Web常用标准控件操作学生成绩表 【任务分析】 根据表单元素要求，要求使用三个文本框，用来输入三门必修课程 成绩；使用两组单选按钮，每组五个，分别表示物理和化学的A、B 、C、D、E五个等级；需要两组单选按钮列表RadioButtonList， 分别表示性别、物理与化学等级等。 任务2.1 使用Web常用标准控件操作学生成绩表 【操作步骤】 HTML代码： 双击“输出”按钮，其代码。 运行效果如图。 任务2.1 使用Web常用标准控件操作学生成绩表 图2.9 2_1.aspx运行效结果 任务2.2 使用Web其他标准控件操作学生成绩表 【知识准备】 Web其他标准控件 1. Panel面板控件 2. Calendar（日历）控件 3. 文件上传控件（FileUpload） 【任务要求】 （1）填写一个学生信息，在Web页面上增加一个复选框，其Text= “填写一个学生信息”，当不选中复选框时，关闭Panel面板；当选中 复选框时，显示Panel面板，效果如图2.11所示。 图2.11 2_2_01.aspx运行效果 (a) (b) 任务2.2 使用Web其他标准控件操作学生成绩表 （2）在工具箱中拖放一个Calendar控件到Web页面（“设计”视图） 上，当选择日期和月份时显示效果如图2.12所示。 图2.12 2_2_02.aspx运行效果 (a) (b) 《Web技术应用项目化教程》 第*页 *