第四章HTML控件和验证控件技术总结.ppt

第四章HTML控件和验证控件 回顾 内部控件 列表控件 复杂控件 验证控件 同对象一样，web控件拥有方法和属性，并响应事件 学习要点 HTML控件 验证控件 HTML服务器控件特点1 页面开发人以编程的方式无法访问HTML元素 要使这些元素用程序访问，必须制定对HTML与苏进行分析并将其作为服务器控件, 可以通过为HTML元素添加runat=“server”属性来完成 通过HTML元素为一的id属性，可以用程序引用该控件 HTML服务器控件的特点2 HTML服务器控件必须位于具有runat=“server”属性的form标记中 通过HtmlForm控件，可以在网页中创建一个用于元素的容器 通过HtmlImage控件，可以显示图像 通过HtmlImnputFile控件，可以将文件上载到服务器 HTML控件的特点3 HTML控件是以HTML标记为基础衍生出来的，它存在于System.UI.HtmlCotrol名称空间，是一个可在服务器端执行的可程序化控件，任何HTML标记皆可转化成为HTML控件，只需加上“Runat=Server”的属性即可。 HTML server controls’advantages over Web controls Web developers coming from an ASP3 or similar background may prefer to work with the HTML style of control Developers can convert existing HTML tags to HTML server 表单控件 表单控件用于接受客户端的输入，并将输入的结果提交给服务器处理，表单控件有 多种，下面逐一介绍： HtmlForm 控件 HtmlForm控件是设计动态网页一个相当重要的控件，对应于Html的form元素，它可以让我们将客户端的数据传送至服务器端进行处理，所有的Web Form控件必须包含在一对HtmlForm控件标签中。HtmlForm 该控件映射到formHTML元素并允许为web也种的元素创建一个容器 若要利用回发服务器，则所有的web窗体控件都必须嵌套在HtmlForm控件的格式正确的开始和结束标记之间 不能在单个web窗体页上包含多个htmlForm控件 控件有两个主要的属性:Method为 传递数据的方法get 和post，Action 表示提交的目标文件的url地址。 2. HtmlInputButton控件HtmlInputButton控件对应于HTML中的input type=button、input type=submit、以及input type=reset元素，其最主要的功用是执行一个指令或动作，将提交表单中的内容给服务器处理，然后将处理结果返回给浏览器。 HtmlInputText 控件 HtmlInputText 控件提供让使用者输入数据的地方。它有两种类型：当为Text 时是输入的一般数据，所输入的字符串会显示在文本框内；而为Password 时则是密码输入框，输入的字符会以「*」来显示，防止被他人偷看。 HtmlInputRadioButton控件 HtmlInputRadioButton控件限制使用者的选择为单选，并只能够在我们所提供的选项中选择一个。 HtmlInputCheckBox 控件当我们要让使用者可以复选多个选择项，不过只能够在我们所提供的项目中选择时，可以使用HtmlInputCheckBox控件，该控件对应于HTML中的input type=checkbox元素，使用checked属性来判断复选按钮是否被选中。  HtmlInputFile控件 HtmlInputFile控件对应于HTML中的Input type＝file元素，使用该控件可以制作一个提供给用户用来选择上传文件的输入框。属性： Accept=“”获取或设置接受上传文件的mime编码类型，类型之间用逗号分隔。 Maxlength：获取或设置文件路径最大的长度，单位为字符 Postedfile：获取上传文件。其属性有 Contentlength:获取文件的大小 Contenttype：获取文件的mime类型 Filename：获取文件位于客户端计算机的完整路径及文件名 方法：saveas（filename）：将上传得文件包存在服务器 举例说明上传一个或多个文件的用法 HtmlInputImage控件 HtmlInputImage控件对应于HTML中的Input=Image元素，其作用类似HtmlInputButton控件，能够完成按钮的功能，但是它具有图像的外观，使访问者可以通过点击