第3章 添加网页控件.pptVIP

第3章 添加网页控件 控件分类 常用控件的使用： 如： （1）表示类控件：Literal,TextBox （2）列表控件：DropDownList,CheckBoxList （3）布局控件：Panel,Table （4）验证控件：如限制不能为空等 （5）复杂控件:如日历控件、动态广告组件 等等。。。 3.1 控件分类 Web控件:服务器控件 Html控件：客户端控件 3.1.1 HTML控件 概念：以input标签开始的控件都为Html控件， 本质：不与服务器端进行交互，只起到在客户端显示的作用 除了一些以input开始的控件外，还有一些特殊的html控件，并非以input标记开始： TextArea/TextArea： Image/Image Table/Table Select/Select Div/Div层 我们可简单回顾一下这些控件 这些都是Html控件，即客户端控件，职责是，只负责客户端的显示，不与服务器端进行交互 3.1.2 Web控件 概念：以asp:标记开始的控件，称之为服务器端控件，职责：与服务器端的数据进行交互 优点：可以实时与服务器进行数据交互 缺点：每次与服务器的交互都会导致页面刷新，如果网路慢，则网页刷新需要长时间的等待，网速慢时效率则比较低 常见服务器端控件： 不再细说，常用控件会一一细讲 3.2.1 web控件和html控件的区别和联系 区别: 本质区别：runat=“server” web控件可以在后台.cs文件里找到，而html控件在后台.cs文件找不到 联系: 浏览页面时，查看浏览器源代码，服务器端控件有变成了客户端控件 示例： asp:TextBox ID=txtAge runat=server“ /asp:TextBox 浏览页面，查看源代码，此时变为客户端控件 input name=txtAge type=text value=25 id=txtAge / 3.2.2 如何在网页上添加控件 工具箱控件分类：标准、数据、验证、导航、HTML等，添加控件时双击或拖拽某个控件时都可以添加控件。 设计界面的下部：设计、拆分和源。 设计：显示控件的样子 源：显示类似html代码的形式 拆分：同时显示控件样子和代码形式 可结合工具简单看下 3.2.3 使用控件的属性 概念：控件的属性就是控件本身的一些特征， 如： asp:TextBox ID=txtAge runat=server ForeColor=Red Text=20“ReadOnly=true/asp:TextBox 如名字（ID），字体颜色:ForeColor、显示文本:Text。只读：ReadOnly 修改控件的属性， （1）直接在源代码中修改。 （2）也直接可在Vs2008工具修改: 选中某个控件直接F4件，就可以看到属性列表 （3）在源代码修改时，直接按“Space”,便可修改所有属性 我们再结合结合工具看 3.2.4 处理控件的事件 选择某个控件打开属性列表：会发现一个闪电式的图标，这便是该控件下的所有事件，我们可根据实际需要去选择我们需要的事件 3.2.5 表示类控件：Label、Literal 概念：显示文本或数据 Label和Literal区别: Literal属于轻量级的Label,不支持一些样式属性，如不支持颜色高，宽，等 Literal应用：新闻发布时，点击一条新闻显示大幅文章内容 Label的用法： protected void Button1_Click(object sender, EventArgs e) { Label1.Text = 欢迎你 + txtName.Text; } 输入类控件：TextBox、RadioButton、DropDownList等 TextBox：只让用户输入,RadioButton和DropDownList： 让用户通过选择来实现数据的输入。 1．TextBox 要点属性： 密码的显示、 多行显示等。 属性“TextMode”，其包含3个选择项： SingleLine：单行显示文本框。 MultiLine：允许多行显示文本框。其与Rows,Columns属性搭配。 Password：文本框的内容会以*显示，如我们的秘密输入框。 2．RadioButton、 CheckBox 相同点：RadioButton和CheckBox功能一样，都是通过选择来输入数据。 区别:RadioButton是单选，CheckBox是多选。 演示要点： RadioBut