预览加载中,请您耐心等待几秒...
1/9
2/9
3/9
4/9
5/9
6/9
7/9
8/9
9/9

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

《10.2HTML服务器控件》1.目标概述[2分钟]22.回顾[5分钟]23.课程知识点讲解23.1.HTML服务器控件简介[45分钟]23.2.HtmlForm控件[20分钟]53.3.HtmlInputFile控件[15分钟]54.小结[3分钟]65.考核点76.作业答案77.扩展练习88.学生问题汇总89.教学后记8本节目标本节中将讲述如下主要内容:HTML服务器控件简介HTML服务器控件的公共属性HTML服务器控件的公共事件HtmlForm控件HtmlInputFile控件通过教学使学生熟悉HTML服务器控件及其应用。本节重点HTML服务器控件的公共属性HTML服务器控件的公共事件HtmlForm、HtmlInputFile控件本节难点授课课时2课时教法建议目标概述[2分钟]本节主要讲述HTML服务器控件及其应用。回顾[5分钟]回顾上一节的相关知识。课程知识点讲解HTML服务器控件简介[45分钟]引入:主题:(1)HTML服务器控件的概述HTML服务器控件提供以下功能:可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。每个服务器控件都公开一些属性这些属性使您得以在服务器代码中通过编程操作该控件的HTML属性。提供一组事件您可以为其编写事件处理程序方法与在基于客户端的窗体中大致相同所不同的是事件处理是在服务器代码中完成的。在客户端脚本中处理事件的能力。自动维护控件状态。在窗体到服务器往返期间用户在HTML服务器控件中输入的值将在页发送回浏览器时自动维护。可与验证控件进行交互便于您验证用户是否在控件输入了适当的信息。可实现数据绑定将将数据绑定到一个或多个控件属性。支持自定义属性。可以将任何需要的属性添加到HTML服务器控件页框架将读取并在客户端显示它们而不更改其任何功能。这将允许开发人员向控件添加浏览器特定的属性。(2)HTML元素到服务器的转换1.手动编码转换①通过添加RUNAT="SERVER"属性HTML元素即可转换为服务器控件。②如果要在代码中作为成员引用该控件则还应当为控件分配ID属性。2.使用VisualStudio.NET进行转换(3)HTML服务器控件HTML元素控件类型用途<a>HtmlAnchor允许以编程方式访问HTML锚元素。注:公开ServerClick事件<button>HtmlButton允许以编程方式访问HTML按钮元素。此元素由HTML4.0规范定义且只能被IE4.0以上版本支持。注:公开ServerClick事件<form>HtmlForm允许以编程方式访问HTML表单元素。充当其他服务器控件的容器任何要参与回传的控件都应包含在HtmlForm控件中。<img>HtmlImage允许以编程方式访问HTML图像元素。<inputtype=”button”><inputtype=”submit”><inputtype=”reset”>HtmlInputButton允许以编程方式访问button、submit和reset输入类型的HTML输入元素。注:公开ServerClick事件<inputtype=”checkbox”>HtmlInputCheckBox允许以编程方式访问CheckBox输入类型的HTML输入元素。注:公开ServerChange事件<inputtype=”file”>HtmlInputFile允许以编程方式访问file输入类型的HTML输入元素。<inputtype=”hidden”>HtmlInputHidden允许以编程方式访问Hidden输入类型的HTML输入元素。注:公开ServerChange事件<inputtype=”image”>HtmlInputImage允许以编程方式访问用于image输入类型的HTML输入元素。注:公开ServerClick事件<inputtype=”radio”>HtmlInputRadioButton允许以编程方式访问用于radio输入类型的HTML输入元素。<select>HtmlSelect允许以编程方式访问HTML的选择元素注:公开ServerChange事件<table>HtmlTable允许以编程方式访问HTML的表元素注:HtmlTable控件不支持某些表的子元素(如<col>、<tbody>、<thead>等。<td>和<th>HtmlTableCell允许以编程方式访问HTML表的单元格<tr>HtmlTableRow允许以编程方式访问HTML表的行<textarea>HtmlTextArea允许以编程方式访问HTML文本区域注:公开ServerChange事件<body>、<div>、<font>等HtmlG