第三章HTML控件和Web服务器控件.pptVIP

第三章 HTML控件和Web服务器控件 HTML控件 Web服务器控件 HTML控件 常用的HTML控件 HTML表单和Web表单 扩展HTML控件 HTML表单常用控件有： input type=text 单行文本输入框 input type=“submit” 提交按钮：将表单(Form)里的信息提交给表单里action所指向的文件 input type=checkbox 复选框 input type=radio 单选框 select 下拉框 textArea 多行文本输入框 input type=password 密码输入框(输入的文字用*表示) HTML控件的主要属性： Input标记表明控件是用户提交控件 Name 控件名称 Type 控件的显示形式和使用方式 Value 控件显示时的默认值 HTML控件是运行在用户端的控件，它只能为浏览器识别，而浏览器也只能识别HTML控件。 HTML表单和Web表单 HTML表单 HTML页面中用户的数据必须通过表单来提交。 HTML的表单是用form标记定义的。 form标记是一个容器控件，它不显示任何信息，只表示在form标记和/form标记之间定义的控件中输入的数据是可以返回到Web服务器中相应的程序进行处理的。如果不定义表单，就不能实现用户输入数据的提交。 用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的03-02.aspx。 至于method，表示了发送表单信息的方式。method有两个值 ：get 和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看 到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。 Web表单 Web表单通常用下面的方式表示： form runat=server …… /form HTML表单和Web表单区别 从代码上看HTML表单和Web表单的区别仅在是否有runat属性。 从实现上来看Web表单允许在服务器上处理表单中的控件，表单中的任意一个控件都可以激发运行在服务器端的事件，在这样的事件中可以对控件的输入数据进行灵活的处理从而不需要Action。 Anchor控件示例 Button控件示例 ASP.NET中对HTML控件的扩展主要在于增加了一个OnServerClick属性，指明当单击这个链接的时候，可以产生什么样的事件。 扩展的HTML控件 ASP.NET中对HTML控件的扩展主要在于增加了一个runat =server属性和一个OnServerClick属性，指明当单击这个链接的时候，可以产生什么样的事件。 InputButton控件 这个控件其实就是对input type=button | submit | reset控件的扩展。 惟一不同的地方是，这个控件没有OnClick事件，而是使用OnServerClick事件来表明单击这个按钮时所产生事件的处理方法。 03-05.aspx InputCheckBox控件 InputCheckBox控件就是对传统的input type=checkbox控件的扩展，可以实现在多个选项中进行多项选择。 03-06.aspx InputRadioButton控件 这个控件就是对传统input type=radiobutton控件的扩展，可以实现在多个选项中进行单项选择。 03-07.aspx InputImage控件 使用InputImage控件可以使得网页变得更有趣 03-08.aspx InputFile控件 了能够将用户的文件上传到Web服务器上，可以使用扩展的input type=“file”控件来实现这个功能，可以使用它的Accept属性来保证上传文件的文件类型。 03-09.aspx HTML控件和服务器控件的区别 控件是服务端控件 响应服务端事件 HTML控件是客户端控件 响应客户端事件  HTML客户端的事件是不会提交给服务端的 比如说点击一个按钮 改变文字的颜色 只是针对用户机器本身的不会发送数据包给远程的服务器而按钮点击后 将会以post形式发送给服务器进行数据库操作等等 页面提交后将会刷新. 但是ajax技术可以使客户端控件发送请求给webservice 具体的用法 如果强调客户端的应用则用客户端控件更能使用户感觉到方便不用刷新页面 而需要数据库等操作时肯定要用服务端控件。 在创建站点时，有时对某个控件在服务器端不需要做任何处理。在这种情况下，开发人员可以在页面上添加静态的HTML控件 当ASP.NET 网页执行时，会检查标注有无Runat 属性。如果标注没有设定