常用的Web控件

最近在学ASP.net，下面是一些常用的Web控件：

1.文本类型控件
（1）Label
     作用： 用于在页面上显示文本
     语法：<asp:Label ID="控件名 runat="server" Text="显示的文本"></asp:Label>
     在浏览器渲染为：<span>
     如果设定Lable的属性：AssociatedControlID则会展示为一个HTML中的<Label>并且将for属性设置为被关联控件的ClientId。
（2）Literal
     语法：<asp:Literal ID="Literal1" runat="server"></asp:Literal>
           在浏览器不渲染任何标签，如果设置Mode属性为Encode，可以避免xss攻击。

2.TextBox
   （1）TextBox  文本框
    作用：用于建立单行文本输入框singleLine、密码输入password、多行motiline文本输入，主要通过TextMode属性来区别三种输入模式。
         在浏览器分别渲染为：input(type=text)、textarea和input(type=password)。
         radio
    语法：AutoPostBack=”true|false，是否自动提交表单 “runat="server"></asp:TextBox>
         当AutoPostBack属性为true的时候，用户焦点离开TextBox就会造成页面Post，实现原理就是讲ASP.Net原理时的AutoPostBack。
    典型事件：TextChanged ，在文本框中的内容发生改变时候被激发。(需要AutoPostBack=true才会修改后触发，否则是页面提交才触发)，文本发生变化的时候事件触发。ASP.Net中要提交表单的时候最好调用__doPostBack方法。
   （2）Radio
     RadioButton控件，对应为input(type=radio)，它通过GroupName属性进行分组
2.按钮类型控件
    （1）Button
      作用：Button控件呈现为一个普通按钮,它是一个标准的按钮提交控件，一般用于提交Web表单。
      语法：<asp:Button ID="按钮名称" runat="server" Text="Button" />
      OnClientClick属性，当用户点击按钮的时候在浏览器端执行的代码，注意OnClientClick是字符串属性，写的代码是JavaScript代码，运行在浏览器端。<asp:Button ID="btnDel" runat="server" onclientclick="return confirm('真的要删除吗？')" Text="删除" />
      典型事件：
      Click ：被单击时候激发，并将表单提交给服务器。
      Command：也是在单击时产生，但是同时CommandName和CommandArgument属性的值与该事件一起被传递
    （2）LinkButton  连接按钮
      作用：可以在页面上创建超级链接样式的按钮。即LinkButton的外观和HyperLink控件一样，但是功能与Button控件相同。
            用法和Button差不多，区别就是Button控件渲染为按钮，而LinkButton渲染为超链接。不要用LinkButton来实现普通的超链接，因为LinkButton的href为一段javascript代码，进行的是表单的Post，无法“在新窗口中打开连接”。和讲“行删除”那个例子中href为javascript的超链接原理一样。一般用Button就行，只有用户要求“长成超链接好”采用LinkButton，就是一个在浏览器中渲染成超链接，服务端当成按钮用的东西。
            HyperLink：IsPostBack=False，没有提交表单内容，没有OnClick事件。
      语法：<asp:LinkButton ID="控件名" runat="server">显示内容</asp:LinkButton>
      典型事件：Click
    （3）ImageButton
      作用：ImageButton控件也和Button差不多，只不过是显示为图片
      在浏览器渲染为：input(type=image)
      注：（Button、LinkButton、ImageButton等控件都有CommandName、CommandArgument两个属性和Command事件，可以让多个按钮控件共享一个Command事件处理函数，通过读取事件对象e的CommandName、CommandArgument两个属性读取被点击按钮上设置的这两个参数来执行不同的操作。例子：编辑、删除多行数据。这种用法在ListView等控件中用的最多。）
    （4）HyperLink  超级链接控件
      作用：HyperLink主要用于实现超文本链接。可以以文本的方式或者图形方式呈现HyperLink控件。
            用户单击HyperLink控件时并不会在服务器代码中引发事件。相当于HTML中的<a href>元素，使用HyperLink控件的主要优点是可以通过代码动态设置链接目标。
      语法：<asp:HyperLink ID="控件名" runat="server" NavigateUrl="导航网址" >显示导航信息 </asp:HyperLink>
      常用属性：
       NavigateUrl：用户单击时所转向的页面URL
       Text:字符串，链接文字
       ImageUrl： 以图像方式呈现链接时，图形的URL
       Target: 目标框架，默认为本框架，_blank标识新窗口
       和LinkButton不一样(常考),不会向服务器端Post，就是一个超链接。NavigateURL：链接地址；Text：显示文本。如果设定ImageUrl属性则会显示图片超链接。
    （5）Panel
     作用：Panel控件用来盛放一些控件
      在浏览器渲染为：<div>如果设定GroupingText属性那么就渲染为含有<fieldset>的div标签，也就是GroupBox效果

3.选择类型控件
  (1)ListBox
    语法：<asp:ListBox ID="控件名" runat="server" SelectionMode="选择模式">
          <asp:ListItem>列表项 1</asp:ListItem>
           <asp:ListItem>列表项2</asp:ListItem>
            …
           </asp:ListBox>
           可以直接拖放控件到设计界面，通过点击设计项菜单进入子项的设置，也可通过和数据源绑定实现子项填充
    作用：ListBox控件提供的是单选或者多重选择列表。通过修改SelectionMode属性来实现CheckBoxList或者RadioButtonList控件的功能。
          当用户选择一项或者多项时，将会激发SelectedIndexChanged事件，默认情况下该事件不会导致页面回发，但是可以通过设置AutoPostBack为true来强制立即回发。

 (2)DropDownList
    作用：
       将选项显示为下拉列表，并从中进行单项选择。操作与ListBox类似。
    语法：<asp:DropDownList ID=“控件名” runat=“server”>
          <asp:ListItem>列表项1</asp:ListItem>
          <asp:ListItem>列表项2</asp:ListItem>
            …
          </asp:DropDownList>