《第3章 添加网页控件》.pdfVIP

第 3 章 添加网页控件 本章学习的内容为，Visual Studio 2010开发环境提供控件的使用方法。通过使用开发环境 提供的控件，可以提高程序设计的效率。通过学习本章，能够使用开发环境提供的控件，设计 具有友好交互性的程序。 本章重点： ❑ 控件分类：可以掌握网页设计中常用的控件类别。 ❑ 使用标准控件：可以使用各种功能的控件设计交互性良好的网页。 ❑ 使用高级控件：可以美化网页显示，使网页更加丰富。 3.1 控件分类 ASP.NET应用程序主要包括两类控件：Web控件和HTML控件。在这些控件中，有的只起到显 示作用，有的允许用户与服务器交互。通过学习这些控件，读者可以掌握基本网页设计的方法。 3.1.1 HTML控件 只要浏览过网页，就会经常看到一些网页中的文本，还有按钮、图片等。这些都是控件。 有些控件只显示内容，并不与服务器交互，这些控件一般称为HTML控件。Visual Studio 2010 提供了这些常见的标准控件，如表3.1所示。 表3.1 常见的HTML控件 控件名称 说 明 Input(Button) 按钮控件 Input(Reset) 重置控件，用于清空页面上的文本框内容 Input(Submit) 提交按钮 Input(Text) 文本框，允许用户输入内容 Input(File) 上传控件，用于上传文件和图片 Input(Checkbox) 复选框，用于多项选择 Input(Radio) 单选框，多个选择，但只允许选择其一 Input(Password) 密码框，用*号代替密码显示 Input(Hidden) 隐藏控件，不显示，一般用来保存数据 Textarea 多行的文本框 Image 图像控件，用于显示图片 Table 布局控件，以表格方式布局内容 Select 多项列表，或者是下拉框 Horizontal Rule 间隔线 Div 布局控件，一般称之为层，与CSS搭配布局网页 第3 章 添加网页控件 3.1.2 Web控件 Web控件就是常说的服务器控件。这些控件在每次用户操作时，都会与服务器交互。使用 这些控件的优点是，可以实时与服务器进行数据交互；缺点就是，每次与服务器的交互都会导 致页面刷新，如果网速较慢，则网页刷新需要长时间的等待，此时就会存在效率问题。 Web控件的显示与HTML控件类似，只是具备不同的功能。表3.2列出了Visual Studio 2010 中提供的常用Web控件。 表3.2 常见的Web控件 控件名称 说 明 Label 标签，用于显示文本 Button 按钮，允许用户单击和双击操作 TextBox 文本框，用户可以在其中输入内容 LinkButton 链接按钮，单击此按钮后可链接到其他网页 ImageButton 图像按钮，可在按钮上添加图片 Hyperlink 超链接，用于链接到其他网页的控件 DropDownList 下拉列表，允许用户从多个选择项中选择内容 ListBox 列表框，显示一系列选项供用户选择 Checkbox 复选框，用方框的形式供用户选择，可选择多个 RadioButton 单选框，提供多个选择项，但只允许选择一个