HTML控件和Web服务器控件HTML控件Web服务器控件.ppt

第三章HTML控件和Web服务器控件,HTML控件 Web服务器控件,HTML控件,Web表单 Anchor控件 Button控件 InputButton控件 InputCheckBox控件 InputRadioButton控件 InputImage控件 InputFile控件,HTML表单,HTML表单 HTML表单是用标记定义的。这个标记是一个容器控件，它不显示任何信息，只表示在标记和标记之间定义的控件中输入的数据是可以返回到Web服务器中相应的程序进行处理的。如果不定义表单，就不能实现用户输入数据的提交。,Web表单,Web表单通常用下面的方式表示： ,Anchor控件,Anchor控件是HTML中最常用的控件，它用于表示一个超文本链接并指明链接程序的位置。 ASP.NET中对这个控件的扩展主要在于增加了一个OnServerClick属性，指明当单击这个链接的时候，可以产生什么样的事件。,例子,Button控件,在ASP.NET中，引入Button控件来显示一个按钮，它使用的是标记。 使用这个控件可以通过设置它的OnServerClick属性来表示单击这个按钮可以触发的处理方法,例子,InputButton控件,这个控件其实就是对控件的扩展。 惟一不同的地方是，这个控件没有OnClick事件，而是使用OnServerClick事件来表明单击这个按钮时所产生事件的处理方法。,例子,InputCheckBox控件,InputCheckBox控件就是对传统的控件的扩展，可以实现在多个选项中进行多项选择。,例子,InputRadioButton控件,这个控件就是对传统控件的扩展，可以实现在多个选项中进行单项选择。,例子,InputImage控件,这个控件的使用是很新颖的，可以认为它是图片形式的button控件和InputButton控件。使用这个控件可以使得网页变得更有趣。,例子,InputFile控件,了能够将用户的文件上传到Web服务器上，可以使用扩展的控件来实现这个功能，可以使用它的Accept属性来保证上传文件的文件类型。,例子,Web服务器控件,用于文本输入和显示的内部控件 用于控制传送的内部控件 用于选择的列表控件,TextBox控件,TextBox控件可以代替HTML控件中的很多控件。只要改变这个控件的相关属性，就可以替代原HTML控件中的控件、控件和控件。具体的写法如下： 或者 这个控件的所有属性和事件都写在options所在的位置。,例子,Label控件,Label控件主要用于文本的显示，几乎在前面的每个例子中都使用了label控件。 Label控件的写法是： text 或者 这个控件的所有属性都写在上面两种方法的options1或options2之中。options1和options2的惟一区别是：options1中不包含text属性，因为这个属性的值可以写在后面的text所在的位置；而options2中可以包含text属性。,Button控件,Button控件是一个标准的提交按钮控件。 Button控件的写法是： 或者 其中options部分用于写Button控件的属性和事件。,例子,LinkButton控件,LinkButton控件与经ASP.NET扩展的HTML的Anchor控件十分相似，不仅可以实现超链接，也可以触发服务器端事件。 LinkButton控件的主要用法如下： text 或者 ,例子,ImageButton控件,从显示上看ImageButton控件与HTML的InputButton控件的图片按钮控件很相似。使用这个控件可以实现一个图片形式的按钮，并可以用这个按钮实现事件的触发。 ImageButton控件的写法如下： 或者 在使用这个控件的时候把ImageButton的所有属性和事件的值都写在options的位置。,例子,HyperLink控件,HyperLink控件与HTML的Anchor控件比较相似，主要用于实现超文本链接。 HyperLink控件的写法如下： text 或者 其中，在第一种写法中把HyperLink控件的属性(除了text属性之外)写在options1的位置，而把text属性的值写在text的位置；在第二种写法中把所有的HyperLink控件属性都写在options2的位置。,例子,CheckBox控件,CheckBox控件的用法如下： 或者 可以把CheckBox控件的所有属性和事件写在options所在的位置。,例子,CheckBoxList控件,CheckBoxList控件就是一个CheckBox控件组。当需要显示多个CheckBox控件，并且对所有控件都有大致相似的处理方式的时候，使用这种控件就十分方便。 CheckBoxList控件的写法如下： 其中options1所在的位置就是写CheckBoxList控件的属性和事件的位置。而每个控件条目的属性则写在options2所在的位置。,例子,RadioButton控件,RadioButton控件的用法如下： 或者 上面写法中的options所在的位置用于写RadioButton控件的属性和方法。,例子,RadioButtonList控件,RadioButtonList控件是一个RadioButton控件组。 RadioButtonList控件的写法如下： 其中options1所在的位置就是写RadioButtonList控件的属性和事件的位置。而每个控件条目的属性则写在options2所在的位置。,例子,ListBox控件,使用ListBox控件时，只要改变它的SelectionMode属性的值就能够实现CheckBoxList控件和RadioButtonList控件两种控件的功能。 ListBox控件的用法如下： 其中options1所在的位置就是写ListBox控件的属性和事件的位置。而每个控件条目的属性则写在options2所在的位置。,例子,DropDownLi