精华内容
下载资源
问答
  • Web控件

    千次阅读 2013-05-17 20:51:19
    1,内部控件:   (1)内部控件的使用方法与 HTML 控件相同,它们映射到 HTML 元素并通过使用 ...(2) 为什么有了Html控件,还要Web控件? Html控件在使用时,使用input 加上控件类型type和ID Name这些属性来添加Html

     

     

    1,内部控件:

     

    (1)内部控件的使用方法与 HTML 控件相同,它们映射到 HTML 元素并通过使用 runat = "server" 属性在服务器上执行

    内部控件能完成的功能,HTML控件加上runat="server"属性后也能完成

    (2)

    为什么有了Html控件,还要Web控件?

    Html控件在使用时,使用input 加上控件类型type和ID Name这些属性来添加Html控件;而内部控件在使用时,使用统一的命名空间asp:+控件类型,标识很清晰,封装的属性和方法操作起来很方便

     

    2,列表控件

     

    (1)用于在Web页中创建数据列表

    (2)显示从数据库中检索的数据(即,与数据库相关联——DataSource、DataBind属性)

    (3)将列表中的选项存储到数据库

     

    3,复杂控件

     

    (1)实现复杂功能,但又经常用到的功能,集合成的控件

    (2)例如,日历控件可以创建一个日历,并在此控件上实现很多功能,如:显示日期、从中选择日期、…

    (3)复杂控件:

    ADRotator:更换Web页上的广告;

    Calendar:提供日历的全部功能;

     

    ADRotator控件(广告控件):

    它的XML文档基本结构:

    注:根元素:<Advertisemnets></Advertisemnets>

     

    中间的其他元素由<Ad>控制

     

    <Ad>广告内容元素</Ad>

     

    Calendar控件(日历控件)响应两个事件:<1>DayRender;<2>PreRender;

     

    4,验证控件

     

    输入到控件的数据需要进行某些验证——进行准确性和取值范围等的验证;以前的验证工作(在Asp中),比如:年龄不能小于0,手机号为11位。。。都是在客户端脚本 使用JavaScript/VBScript来编写验证,很麻烦;而Asp.Net后引入智能验证控件,使验证工作服务器端执行,很方便

     

    与对象一样,Web控件拥有方法和属性,并且响应事件

     

    控件名称

    说明

    1 .RequiredFieldValidator控件   

    确保用户不跳过输入

    2.CompareValidator控件 

    使用比较运算符(< =  >  >=)将用户的输入与另一控件的常数值或属性值进行比较

    3.RangeValidator控件 

    检查用户的输入是否在指定的上下边界之间。

    可以检查数字、字母或日期对内的范围。

    可以将边界表示为常数。

    4.RegularExpressionValidator控件

    检查输入是否与正则表达式定义的模式匹配。

    该验证类型允许检查可预知的字符序列,如社会保障号、电子邮件地址、电话号码、邮政编码等中的字符序列

    5.ValidationSummary控件 

     

    以摘要的形式显示页上所有验证程序的验证错误

    6.CustomValidator控件

    使用您自己编写的验证逻辑检查用户的输入。该验证类型允许检查运行时导出的值

     

    展开全文
  • Web控件和Html控件

    热门讨论 2015-06-21 20:40:50
    在ASP.Net中涉及到一些常用控件的使用,主要分为两类:... 服务器控件:Web控件,事件仅由浏览器生成,但浏览 器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。 不过有些事件, 比如: 按下键/移动/鼠标

          在ASP.Net中涉及到一些常用控件的使用,主要分为两类:服务器控件和客户端控件。在服务器控件中有分为Web控件和Html服务器控件,客户端控件则指Html控件。先来看一下在ASP.Net中服务器控件和客户端控件各自的运行机制。

          服务器控件:Web控件,事件仅由浏览器生成,但浏览 器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。 不过有些事件, 比如: 按下键/移动/鼠标等事件,Asp.net中没有这些事件的。

          客户端控件:Html窗体控件, 当引发一个事件时,浏览器会处理它。在静态网页里,如要实现动态网页的话,可在客户端添加Javascript或者Vbscript等语句进行控制。

          刚开始接触服务器控件和客户端控件的时候,很纳闷这两类有什么联系和区别。在学习了一段时间的ASP.Net之后,再加上从网上找的一些资料慢慢地理清了它们之间的关系,今天咱们就来说说ASP.Net中的Web控件和Html控件。

           1、Html控件:就是我们通常的说的html语言标记,这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的,只能在客户端通过javascript和vbscript等程序语言来控制。

           2、Web服务器控件:也称asp.net服务器控件,是Web Form编程的基本元素,也是asp.net所特有的。它会按照client的情况产生一个或者多个html控件,而不是直接描述html元素。

           3、Html服务器控件:其实就是Html控件的基础上加上runat="server"所构成的控件。它们的注意区别是运行方式不同,Html控件运行在客户端,而Html服务器控件是运行在服务器端的。

          区别

          WEB服务器控件是HTML控件的一种扩展,区别是:


          1)前者可以触发服务器控件特有的事件,后者只能通过回递的方式触发服务器上的页面级事件。

          2)输入到前者中的数据在请求之间可以维护数据(通过ViewState维持控件的状态),而后者无法自动维护数据,只能使用页面级的脚本来保存和恢复。

         3)前者可以自动检测浏览器并调整到恰当的显示,而后者没有自动适应功能,必须在代码中手动检测浏览器。

        4)每个服务器控件都具有一组属性,可以在服务器端的代码中更改控件的外观和行为,而后者只有HTML属性。

         总结

          在制作网页时,如不需要服务器端的事件或状态管理功能时,可以选择HTML控件,这样可以提高应用程序的性能。 相反,Web或者Html控件可以与服务器进行交互,方便编程。总之,两者各有好处和不足,在网页制作时根据具体情况分析,选择合适的控件。
    展开全文
  • asp.net中HTML控件和web控件的简单理解

    千次阅读 热门讨论 2017-11-23 15:59:00
    前言  在学习视频的时候,讲解者一会儿使用HTML控件,一会儿使用web控件,有一种很迷糊的感觉,他俩到底有什么区别呢,作为一个初学者,有必要分析一下。 概念  HTML控件是客户端控件,... web控件是服务端

    前言

            在学习视频的时候,讲解者一会儿使用HTML控件,一会儿使用web控件,有一种很迷糊的感觉,他俩到底有什么区别呢,作为一个初学者,有必要分析一下。


    概念

            HTML控件是客户端控件,响应客户端事件,客户端事件是不会提交给服务端的,比如说点击按钮,改变文字颜色等,知识针对用户机器本身,是不会发送数据包给远程服务器的。

           web控件是服务端控件,响应服务端事件,点击web按钮后,将会以post或者get形式发送给服务器,进行数据库惭怍等等,页面提交后将会刷新。


    web控件

    web控件分为四类,分别是:内部控件,列表控件,复杂控件,验证控件。

    内部控件:使用方法与HTML控件相同,而HTML控件只需要加上runat="server"属性,便可在服务器上运行。但表示形式 不一样,区别如下:

                       

    列表控件:列表控件包括Repeater控件、DaraList控件、DataGrid控件,重点是用于数据绑定。

    验证控件:验证控件包括RequireFieldValidator限制空字段控件、CompareValidator比较两个字段的控件等,验证控件充分体现了asp.net技术与客户端编程的有点,原来的编程验证数据的合法性,都是通过编码去实现,而asp.net提供了验证控件,大大简化了编码工作,易于实现。

    复杂控件:主要是Calendar控件和ADROrator控件。


    HTML控件适用范围

    a.HTMl控件适合页面架构设计:HTML控件直接与浏览器界面交互,一些属性可以很好地设计浏览器的页面布局,其中HTML控件和web控件灵活结合效果更好,如我们通常用HTML控件中的Table作为页面布局,在Table中添加Web控件。

    b.由浏览器处理的事件(不遇后台交互),需使用HTML控件。还有一些事件服务器无法处理的事件(单击时触发事件)

    c.考虑性能方面,HTML控件占用服务器资源较少,可以提高应用程序执行效率。HTML服务器和web控件的性能差不多。


    Web控件适用范围

    a.asp.net控件提供更加同意的编程接口,如每个asp.net服务器控件都有Text属性。

    b.隐藏客户端的不同,这样程序员可以把更多的精力放在业务上,而不用去考虑客户端的浏览器是火狐还是IE。

    c.asp.net服务器控件可以保存状态到ViewState里,这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。


    结语

             设计界面我们可以HTML和web控件结合使用,在考虑性能时我们使用HTML控件,简单,直观,易理解我们选择web控件。总之,HTML控件和web控件各有利弊,灵活应用。

    展开全文
  • C#网页设计 - Web控件

    千次阅读 2019-05-03 17:45:34
    服务器控件是在服务器端运行的执行程序逻辑的组件,服务器端的程序可以访问这类控件;而HTML标记是在客户端运行的,服务器端程序不能访问这类控件。 服务器控件编程的关键是runat属性,如果一个控件使用了runat=...

    1.  服务器控件

    ASP.NET控件分为服务器控件和HTML标记。


    服务器控件是在服务器端运行的执行程序逻辑的组件,服务器端的程序可以访问这类控件;而HTML标记是在客户端运行的,服务器端程序不能访问这类控件。


    服务器控件编程的关键是runat属性,如果一个控件使用了runat="server"属性进行声明,则该控件被认为是服务器控件。

    工具箱的“HTML”选项卡中的HTML控件都是HTML标记,可以通过加上runat="server"属性将它们改为服务器控件。
    ASP.NET服务器控件又分为两大类:Web服务器控件和HTML服务器控件。

    1..1  Web服务器控件的基本属性

    Web服务器控件位于System.Web.UI.WebControl命名空间中,是从WebControl基类直接或间接派生的。


    Web服务器控件的属性可以通过“属性”窗口来设置,也可以通过HTML代码实现。Web服务器控件以“asp:”为前缀,ID属性指定其ID值,作为控件的唯一标识。基本属性可为布局、行为、可访问性、外观等几类。

    2 基本的Web服务器控件

    2.1 Label控件又称为标签控件,用于显示静态文本。其主要的属性是Text,用于设置或获取该控件的显示文本。
    仅当需要在服务器代码中更改文本内容或其他特性时,才使用Label控件

     

    2.2 TextBox控件

    TextBox控件是用于向Web页面输入信息的最常用的控件。默认为单行文本框,可通过TextMode属性来改变它的文本显示模式,该属性是TextBoxMode枚举类型的属性值,具有如下三种可选值。
    ①SingleLine:表示单行输入模式。
    ②MultiLine:表示多行输入模式。
    ③PassWord:表示密码输入模式。

    例:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="W5_3_2_1.aspx.cs" Inherits="W5_3_2_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <p>单价:<asp:TextBox ID="TextBox1" runat="server" Text="0" AutoPostBack="True" 
                    ontextchanged="TextBox1_TextChanged"></asp:TextBox></p>
            <p>数量:<asp:TextBox ID="TextBox2" runat="server" Text="0" AutoPostBack="True" 
                    ontextchanged="TextBox2_TextChanged"></asp:TextBox></p>
            <p>
               
            </p>
            <p>
                <asp:Label ID="Label1" runat="server" Text="<%#Convert.ToString(Convert.ToDecimal(TextBox1.Text)*Convert.ToInt32(TextBox2.Text))%>"></asp:Label>
            </p>
        </div>
        </form>
    
        <script type="text/javascript">
           
        </script>
    </body>
    </html>
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class W5_3_2_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Page.DataBind();
    
        }
    
    
    
        protected void TextBox2_TextChanged(object sender, EventArgs e)
        {
            TextBox1.DataBind();
    
        }
        protected void TextBox1_TextChanged(object sender, EventArgs e)
        {
            TextBox2.DataBind();
        }
    }

     

     

     

     

    2.3  Button控件

    Button控件可以分为提交按钮和命令按钮。


    默认的Button按钮为提交按钮,在单击时,将包含它的表单提交给相应服务器进行处理,一般响应Click事件。


    当设置了CommandName属性和CommandArgument属性后,Button按钮成为命令按钮,用于处理控件命令事件,在单击时可响应Command事件,从事件参数中可获取命令名及命令参数值。

    例:响应Command事件

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="W5_3_3_1.aspx.cs" Inherits="W5_3_3_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="container mx-auto text-center m-auto">
         <p>
             <asp:Button ID="Button1" runat="server" Text="Button1" 
                 CommandArgument="button1" CommandName="B1" oncommand="Button1_Command" />&nbsp;
         
            <asp:Button ID="Button2" runat="server" Text="Button2" CommandArgument="button2" 
                 CommandName="B2" oncommand="Button2_Command" /></p>
            <p>
                <asp:Label ID="Label1" runat="server" Text="你点击的是:Button1" Enabled="False"></asp:Label></p>
            <p>
                <asp:Label ID="Label2" runat="server" Text="你点击的是:Button2" Enabled="False" 
                    ViewStateMode="Enabled"></asp:Label></p>
        </div>
        </form>
    </body>
    </html>
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class W5_3_3_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void Button1_Command(object sender, CommandEventArgs e)
            
        {
            Label1.Visible = true;
           // Label1.Text = "你点击的是:" + e.CommandArgument.ToString();
            Label2.Visible = false;
        }
    
        protected void Button2_Command(object sender, CommandEventArgs e)
        {
            Label2.Visible = true;
           // Label2.Text = "你点击的是:" + e.CommandArgument.ToString();
            Label1.Visible = false;
        }
    }

     

     3. 列表控件

    3.1 ListBox

    ListBox控件(列表框控件)用于显示一组列表项,用户可以从中选择一项或多项。

    例1:实现选择按钮

     

    w5_4_4_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_1_1.aspx.cs" Inherits="w5_4_1_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>listBox</title>
       <style type="text/css">
           #div0
           {
              width:400px;
              height:200px;
              margin-left:auto;
              margin-right:auto;
              margin-top: 50px;
              margin:50px auto auto auto;
               
            }
           #div1
           {
             float:left;
             width:150px;
             height:200px;
             margin-right:10px;
             
            }
            #div2
            {
                float:left;
                width:80px;
                height:200px;
                text-align:center;
                margin-right:10px;
              }
       
           .btn
           {
             width:  50px;
             margin-top:10px;
              
               
               
            }
       </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
    
           <div id="div0">
             <div id="div1">
                 <asp:ListBox ID="lstCouser" runat="server" Height="200px" Width="150px" 
                     SelectionMode="Multiple" 
                     onselectedindexchanged="lstCouser_SelectedIndexChanged">
                     <asp:ListItem>动态网站设计</asp:ListItem>
                     <asp:ListItem>算法设计与分析</asp:ListItem>
                     <asp:ListItem>Java程序设计</asp:ListItem>
                     <asp:ListItem>数据结构</asp:ListItem>
                 </asp:ListBox>
             </div>
             <div id="div2">
                 <asp:Button ID="btnSelectAll" runat="server" Text=">>" CssClass="btn" 
                     onclick="btnSelectAll_Click" />
                 <asp:Button ID="btnRemoveAll" runat="server" Text="<<" CssClass="btn" 
                     onclick="btnRemoveAll_Click" />
                 <asp:Button ID="btnSelect" runat="server" Text=">" CssClass="btn" 
                     onclick="btnSelect_Click" />
                 <asp:Button ID="btnRemove" runat="server" Text="<" CssClass="btn" 
                     onclick="btnRemove_Click" />
              </div>
              <div id="div3">
                  <asp:ListBox ID="lstSelectdCourse" runat="server" Height="200px" Width="150px" SelectionMode="Multiple"></asp:ListBox>
              </div>
           </div>
        
        </div>
        </form>
    </body>
    </html>
    

    W5_4_4_1.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_1_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void lstCouser_SelectedIndexChanged(object sender, EventArgs e)
        {
    
        }
        protected void btnSelectAll_Click(object sender, EventArgs e)
        {
            int count = lstCouser.Items.Count;
            for (int i = 0; i < count; i++)
            {
                ListItem item = lstCouser.Items[0];
                lstSelectdCourse.Items.Add(item);
                lstCouser.Items.Remove(item);
            }
        }
        protected void btnSelect_Click(object sender, EventArgs e)
        {
            int count = lstCouser.Items.Count;
            int index = 0;
            for (int i = 0; i < count; i++)
            {
    
                ListItem item = lstCouser.Items[index];
                if (item.Selected == true)
                {
                    lstSelectdCourse.Items.Add(item);
                    lstCouser.Items.Remove(item);
                    index--;
    
                 
                }
                index++;
            }
        }
        protected void btnRemoveAll_Click(object sender, EventArgs e)
        {
            int count = lstSelectdCourse.Items.Count;
            for (int i = 0; i < count; i++)
            {
                ListItem item = lstSelectdCourse.Items[0];
                lstCouser.Items.Add(item);
                lstSelectdCourse.Items.Remove(item);
            }
    
        }
        protected void btnRemove_Click(object sender, EventArgs e)
        {
            int count = lstSelectdCourse.Items.Count;
            int index = 0;
            for (int i = 0; i < count; i++)
            {
    
                ListItem item = lstSelectdCourse.Items[index];
                if (item.Selected == true)
                {
                    lstCouser.Items.Add(item);
                    lstSelectdCourse.Items.Remove(item);
                    index--;
    
    
                }
                index++;
            }
    
        }
    }

     

    3.2 DropDownList控件

    DropDownList控件(下拉列表框控件)让用户可以从单项选择下拉列表框中进行选择。

    例子:

     

    w5_4_2_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_2_1.aspx.cs" Inherits="w5_4_2_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
           <p>爱好;
               <asp:DropDownList ID="ddlHobby" runat="server" AutoPostBack="True" 
                   onselectedindexchanged="ddlHobby_SelectedIndexChanged">
               </asp:DropDownList>
           </p>
           <p>
            
               <asp:Label ID="lbl" runat="server" Text="请选择爱好!"></asp:Label>
           
           </p>
        </div>
        </form>
    </body>
    </html>
    

    w5_4_2_1.aspx.cs:
     

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_2_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack) 
            {
                List<string> List = new List<string> { "打球", "看书", "上网", "散步" };
                ddlHobby.DataSource = List;
                Page.DataBind();
    
               
              
            }
        }
        protected void ddlHobby_SelectedIndexChanged(object sender, EventArgs e)
        {
            lbl.Text = "你的爱好是: " + ddlHobby.SelectedItem.Text;
    
            
    
        }
    }

    例二:

    w5_4_2_2.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_2_2.aspx.cs" Inherits="w5_4_2_2" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>DropDownlist</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <p>
                <asp:DropDownList ID="ddlDep" runat="server" AppendDataBoundItems="True" AutoPostBack="True">
                </asp:DropDownList>
            </p>
            <p>
                <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /></p>
        <p>
            <asp:Label ID="lblMessage" runat="server" Text="Label"></asp:Label></p>
            
        </div>
        </form>
    </body>
    </html>
    

    w5_4_2_2.aspx.cs:
     

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_2_2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack) { 
            
              List<Dep> deps = new List<Dep>();
              deps.Add(new Dep("d01", "中文系"));
              deps.Add(new Dep("d02", "外语系"));
              deps.Add(new Dep("d03", "数学系"));
              ddlDep.DataSource = deps;
              ddlDep.DataTextField = "Dname";
              ddlDep.DataValueField = "Dno";
              ddlDep.DataBind();
              ddlDep.Items.Insert(0,new ListItem("无",""));
                //添加空系
    
            }
    
    
        }
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            lblMessage.Text = "你选中的值是:" + ddlDep.SelectedItem.Value+"<br />对应的文本是:" + ddlDep.SelectedItem.Text;
    
            
        }
    }

     

     

    3.3  CheckBoxList控件

    CheckBoxList控件又称为复选框列表控件,该控件为用户提供了一种输入布尔型数据的方法,允许用户进行选择。
    CheckBoxList控件与CheckBox控件类似,不同之处是CheckBox只有一个复选框,CheckBoxList包含多个复选框。

    例:

     

     

    w5_4_3_1..aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_3_1.aspx.cs" Inherits="w5_4_3_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
           <p>请选择你的爱好:</p>
           <p> 
               <asp:CheckBoxList ID="chkHobby" runat="server" AutoPostBack="True" 
                   CellSpacing="5" onselectedindexchanged="chkHobby_SelectedIndexChanged" 
                   RepeatColumns="2">
                   <asp:ListItem>读书</asp:ListItem>
                   <asp:ListItem>绘画</asp:ListItem>
                   <asp:ListItem>游泳</asp:ListItem>
                   <asp:ListItem>音乐</asp:ListItem>
                   <asp:ListItem>摄影</asp:ListItem>
                   <asp:ListItem>跳舞</asp:ListItem>
               </asp:CheckBoxList>
           </p>
           <p>
               <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label></p>
        </div>
        </form>
    </body>
    </html>
    

    W5_4_3_1.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_3_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void chkHobby_SelectedIndexChanged(object sender, EventArgs e)
        {
            lblMessage.Text = "你的爱好:<br /><br />";
            for (int i = 0; i < chkHobby.Items.Count; i++) {
                if (chkHobby.Items[i].Selected) {
                    lblMessage.Text += chkHobby.Items[i].Text + "<br />";
                
                }
            
            }
        }
    }

     

     

    3.4  RadioButtonList控件

    RadioButtonList控件(单选按钮列表控件)用于构建单选按钮列表,允许用户互斥地在列表中选择一项。

     

    例:

     

    W5_4_4_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_4_1.aspx.cs" Inherits="w5_4_4_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
           table
           {  
               border-style :solid;
               border-width:1px 0px 0px 1px;
               width: 100%;
               
               
           }
           .td1
           {
               border-style: solid;
               border-width: 0px 1px 1px 0px;
               text-align: center;
          }
          .td2
          {
              border-style:solid;
              border-width: 0px 1px 1px 0px;
              
          }
        #div0
        {
            width:300px;
            height: 20px auto 0px auto ;
            
         }
        
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="div0">
          <table cellspacing="0">
             <tr>
              <td class="td1">
                性别:
             </td>
             <td class="td2"> 
                 <asp:RadioButtonList ID="radlGender" runat="server" 
                     RepeatDirection="Horizontal" AutoPostBack="False">
                     <asp:ListItem>男</asp:ListItem>
                     <asp:ListItem>女</asp:ListItem>
                 </asp:RadioButtonList>
             </td>
             </tr>
            <tr>
              <td class="td1">
                职称:
             </td>
             <td class="td2"> 
                 <asp:RadioButtonList ID="radlTitle" runat="server" AutoPostBack="False">
                     <asp:ListItem>助教</asp:ListItem>
                     <asp:ListItem>讲师</asp:ListItem>
                     <asp:ListItem>副教授</asp:ListItem>
                     <asp:ListItem>教授</asp:ListItem>
                 </asp:RadioButtonList>
             </td>
             </tr>
          </table>
    
          <p>
              <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /></p>
              <p> 
                  <asp:Label ID="lblmassage1" runat="server" Text=""></asp:Label><br />
                  <asp:Label ID="lblmessage2" runat="server" Text=""></asp:Label>
              </p>
        </div>
        </form>
    </body>
    </html>
    

    W5_4_4_1.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_4_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            foreach (ListItem item in radlGender.Items) {
                if (item.Selected) {
                    lblmassage1.Text = "性别为;" + item.Text;
    
                }
            
            }
            foreach (ListItem item in radlTitle.Items)
                if (item.Selected)
                    lblmessage2.Text = "职称为;" + item.Text;
        }
    }

    bootstrap4实现

    w5_4_4_2.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_4_4_2.aspx.cs" Inherits="w5_4_4_2" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>bs4实现</title>
         <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
    <div  class="container">
          <table class="table table-bordered w-25 h-25 table-striped" >
             <tr>
              <td >
                性别:
             </td>
             <td> 
                 <asp:RadioButtonList ID="radlGender" runat="server" 
                     RepeatDirection="Horizontal" AutoPostBack="False">
                     <asp:ListItem>男</asp:ListItem>
                     <asp:ListItem>女</asp:ListItem>
                 </asp:RadioButtonList>
             </td>
             </tr>
            <tr>
              <td>
                职称:
             </td>
             <td> 
                 <asp:RadioButtonList ID="radlTitle" runat="server" AutoPostBack="False">
                     <asp:ListItem>助教</asp:ListItem>
                     <asp:ListItem>讲师</asp:ListItem>
                     <asp:ListItem>副教授</asp:ListItem>
                     <asp:ListItem>教授</asp:ListItem>
                 </asp:RadioButtonList>
             </td>
             </tr>
          </table>
    
          <p>
              <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /></p>
              <p> 
                  <asp:Label ID="lblmassage1" runat="server" Text=""></asp:Label><br />
                  <asp:Label ID="lblmessage2" runat="server" Text=""></asp:Label>
              </p>
        </div>
        </form>
    </body>
    </html>
    

    w5_4_4_2.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_4_4_2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
    
        }
    }

    3.5 验证控件

    为了确保用户在表单的各个域中输入正确的数据或所输入的数据符合商业逻辑的需求,应用程序需要进行客户端和服务器端的一系列验证。
    ASP.NET内置了一套用于进行验证的控件,使用这套控件,开发人员只需要定义几个属性或编写少量代码,就可以实现验证过程。

    3.5.1 RequiredFieldValidator控件

    RequiredFieldValidator控件要求用户必须在所关联的控件中输入一个值,不能为空。
    常用属性说明:
    ①ControlToValidate,要进行检查的控件
    ②ErrorMessage,当检查不合法时,显示的错误信息
    ③Display,错误信息的显示方式。Static,错误信息在页面占有确定的位置;Dymatic,在错误信息出现时才占用页面空间;None,不出现错误信息,但可在ValidatorSummary控件中统一显示。
    ④ForeColor,错误信息文本的颜色

    例:

    w5_5_1_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_5_1_1.aspx.cs" Inherits="w5_5_1_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
           <p> 姓名:
               <asp:TextBox ID="userName" runat="server"></asp:TextBox>
              <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                   ErrorMessage="*姓名不能为空" ControlToValidate="userName" ForeColor="Red"></asp:RequiredFieldValidator>
           </p>
           <p>
               <asp:Button ID="btnSubmit" runat="server" Text="提交" /></p>
             <p>
                 <asp:Label ID="lblMessage" runat="server" Text="还没提交"></asp:Label></p>
        </div>
        </form>
    </body>
    </html>
    

    w5_5_1_1.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_5_1_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (IsPostBack && (userName.Text != null))
            {
    
                lblMessage.Text = "已提交,";
           
            }
        }
    }

     

     

    3.5.2 CompareValidator控件

    用于检查所关联的控件的值与其他值比较的结果,或进行一个数据类型的检查。
    常用属性:
    ①Type,要比较的控件的数据类型,可以是String、Integer、Double、Date或Currency。
    ②Operator,比较操作,有七种比较方式,等于、不等、大于、大于等于、小于、小于等于及数据类型检查。
    ③ControlToCompare,与所验证的输入控件进行比较的输入控件
    ④ValueToCompare,与所验证的输入控件进行比较的常数值

    例子:

    w_5_2_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_5_2_1.aspx.cs" Inherits="w5_5_2_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
         <p> 用户名:<asp:TextBox ID="userName" runat="server"></asp:TextBox></p>
         <p>用户密码:<asp:TextBox ID="password1" runat="server" TextMode="Password"></asp:TextBox></p>
         <p>确认密码:<asp:TextBox ID="password2" runat="server" TextMode="Password"></asp:TextBox>
         
             <asp:CompareValidator ID="CompareValidator1" runat="server" 
                 ErrorMessage="*密码不一致" ControlToCompare="password1" ControlToValidate="password2" 
                 ForeColor="Red"></asp:CompareValidator>
         </p>
    
         <p>出生日期:<asp:TextBox ID="birthday" runat="server"></asp:TextBox>
             <asp:CompareValidator ID="CompareValidator2" runat="server" 
                 ErrorMessage="*日期格式错误" ControlToValidate="birthday" ForeColor="Fuchsia" 
                 Operator="DataTypeCheck" Type="Date"></asp:CompareValidator>
         </p>
         <p>
                <asp:Button ID="btnSubmit" runat="server" Text="提交" /></p>
        </div>
        </form>
    </body>
    </html>
    

    w5_5_2_1.aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class w5_5_2_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
    }

    3.5.3 RangeValidator控件

    用于检查所关联控件的值是否在一个最小值和最大值之间。

     

    3.5.4 RegularExpressionValidator控件

    用于检查输入控件的值是否匹配正则表达式定义的模式。
    如果输入控件为空,则表明验证成功。如果相关输入控件需要一个值,则除了使用 RegularExpressionValidator 控件外,还须使用 RequiredFieldValidator 控件。

    正则表达式是正则表达式引擎尝试匹配输入文本的一种模式。模式由一个或多个字符文本、运算符或构造组成。
    语法参见“正则表达式语言元素”。
    https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/regular-expression-language-quick-reference


    https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/regular-expression-language-quick-reference

     

    https://www.cnblogs.com/xinaixia/p/4976821.html

    https://www.cnblogs.com/testsec/p/6095656.html

    https://www.cnblogs.com/eric_lin/archive/2010/11/11/1874749.html

    https://www.cnblogs.com/shiguangshuo/p/4838845.html

    https://blog.csdn.net/my98800/article/details/62214649

    例子:

     

    W5_5_4_1.aspx:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="w5_5_4_1.aspx.cs" Inherits="w5_5_4_1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
         <p> 电话:<asp:TextBox ID="txtTel" runat="server"></asp:TextBox>
         </p>
        <p> Email: 
            <asp:TextBox ID="TxtEmail" runat="server"></asp:TextBox></p>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" validationexpression= "(13[0-9]{9})|(159[0-9]{8})|([0-9]{4}-[0-9]{8})|([0-9]{3}-[0-9]{8})|([0-9]{4}-[0-9]{7})"
                ErrorMessage=". 号码输入有误" ForeColor="Red" ControlToValidate="txtTel"></asp:RegularExpressionValidator>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ErrorMessage="*号码输入有误" ControlToValidate="txtTel"></asp:RequiredFieldValidator>
                
                <br />
           
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                ErrorMessage="*Email输入有误" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                ControlToValidate="TxtEmail"></asp:RegularExpressionValidator>
    
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                ErrorMessage="Email输入有误" ControlToValidate="TxtEmail"></asp:RequiredFieldValidator>
            <p>
                <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /></p>
            <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
        </div>
        </form>
    </body>
    </html>
    

    aspx.cs:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Text.RegularExpressions;
    
    public partial class w5_5_4_1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void btnSubmit_Click(object sender, EventArgs e)
        {/*
            Regex re = new Regex(@"[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?");//实例化一个Regex对象
    
            if (re.IsMatch(TxtEmail.Text) == true)//验证数据是否匹配
            {
    
                lblMessage.Text = "邮箱正确";//匹配则弹出”邮箱正确“
    
            }
    
            else
            {
    
                lblMessage.Text = "邮箱错误";//不匹配则弹出”邮箱错误“
    
            }
            Regex rx = new Regex(@"^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$|^(13|15)\d{9}$", RegexOptions.None);
            */
        }
    }

    展开全文
  • 常用Web控件

    千次阅读 2012-09-20 19:57:07
    1.文本类型控件  (1) Label(标签)  作用: 用于在页面上显示文本 。  语法:  Label控件。Text属性为显示文本。AssociatedControlID属性用来关联一个控件,如果为空的话会展示为一个,如果指定为一个...
  • 比较ASP.NET中的html控件和web控件

    千次阅读 2011-11-08 02:20:30
    html控件和web控件虽然好多功能相同并且长得很像,但是它们的内部实现机制是完全不一样的,Web控件要比Html控件执行效率要好。  html控件和web控件比较1:使用起来也相当方便,举个简单的例子,例如Button的生成: ...
  • HTML服务器控件Web服务器控件

    千次阅读 2016-01-20 18:06:56
    asp.net之所以现在开发方便和快捷,关键是它有一组强大的控件库,包括web服务器控件,web用户控件web自定义控件,html服务器控件和html控件等。这里主要整理一下html控件、html服务器控件web服务器控件 html...
  • Web 用户控件Web 自定义控件

    千次阅读 2005-02-06 10:34:00
    如果现有的 ASP.NET 服务器控件都不符合应用程序的特定要求,则可以创建封装所需功能的 Web 用户控件Web 自定义控件。这两种控件之间的主要区别在于设计时的易创建性与易用性。 Web 用户控件易于创建,但它们在...
  • Web控件和HTML控件的不同之处

    千次阅读 热门讨论 2014-11-16 14:04:33
    控件和HTMl控件,在VS2012中的工具一栏中也有明显的分类,Web控件和Html控件,两者的不同之处在哪里呢? 第一:相识,相知 Html控件:  1. Html控件就是我们通常说的Html语言标记,这些语言标记在静态页面和其他...
  • Html控件与Web控件的区别与用途

    千次阅读 2007-05-10 08:38:00
    Html控件与Web控件的区别与用途 Web控件和Html控件虽然好多功能相同并且长得很像,但是它们的内部实现机制是完全不一样的,Web控件要比Html控件执行效率要好。 1. 使用起来也相当方便,举个简单的例子,例如Button的...
  • 使用 TreeView IE Web 控件

    千次阅读 2005-12-21 14:52:00
    使用 TreeView IE Web 控件Scott Mitchell2003 年 7 月适用于:Microsoft® ASP.NET摘要:了解 TreeView Web 控件,并学习如何在 ASP.NET Web 应用程序中使用 TreeView Web 控件。除了标准的 ASP.NET Web 控件(例如...
  • asp.net中的HTML控件和WEB控件比较

    千次阅读 2007-06-08 10:43:00
    其实这也不是什么新鲜的东西,也不是什么不好理解的,不过这都是个老程序员的体会,对于新手入门来说,必有一些茫然的,为什么有了WEB控件还要HTML控件,其实HTMl控件远没有WEB控件强大,只不过是个过度吧,不过它也...
  • 很初学者对WEB用户控件WEB自定义控件的区别不是很了解,经常把它们混为一谈,这两种控件之间的主要区别在于设计时的易创建性与易用性。Web 用户控件易于创建,但它们在高级方案中使用起来可能不太方便。开发 Web ...
  • TreeView IE Web 控件的使用

    千次阅读 2006-03-16 11:18:00
    在Visual Studio .NET中,除了标准的 ASP.NET Web 控件(例如 TextBox、DropDownList、DataGrid、DataList 等)之外,Microsoft 还发布了附加的 Web 控件集,以充分发挥 Internet Explorer 的固有功能。这些新 Web ...
  • 如果现有的 ASP.NET 服务器控件都不符合应用程序的特定要求,则可以创建封装所需功能的 Web 用户控件Web 自定义控件。这两种控件之间的主要区别在于设计时的易创建性与易用性。Web 用户控件易于创建,但它们在...
  • ASP.NET总结——Web控件

    千次阅读 热门讨论 2014-10-30 12:26:38
    Asp.net控件包括两大类:Web控件和HTML控件。Web控件和对象一样,有方法和属性,并且响应事件。 内部控件  文本输入  控制转移  Button  ImageButton  LinkButton(将数据传递回服务器)  
  • 对Internet Explorer Web 控件做一点修改

    千次阅读 2005-08-24 17:15:00
    Microsoft发布了四种ASP.NET Web控件,用于为使用 Microsoft Internet Explorer 的 Web 访问者提供更好的体验。这些 Web 控件称为 Internet Explorer Web 控件,也简称为 IE Web 控件,包括以下四种控件: MultiPage...
  • 简单的web分页控件

    千次阅读 2017-06-15 17:06:05
    一个简单的web分页控件
  • [RT]html控件、html服务器控件web服务器控件的区别 2009-07-13 下午 12:24 asp.net之所以现在开发方便和快捷,关键是它有一组强大的控件库,包括web服务器控件,web用户控件web自定义控件,html服务器控件和...
  • Web服务器控件和HTML控件区别

    千次阅读 热门讨论 2014-12-10 19:30:18
     这两天在学习ASP.NET,遇到了Web服务器控件和HTML控件。刚开始看见这两个控件的时候,感觉很相似。 所以就想到了如下问题:这两个控件有什么区别?后来又看到了HTML服务器控件(加上runat="server"属性), 这下...
  • web控件安装问题解决办法

    千次阅读 2017-08-30 16:06:03
    控件安装失败解决思路 1、右键注册.bat文件,选择使用管理员身份运行; 2、使用管理员身份打开cmd,手动执行注册.bat中的命令; 3、使用DEPENDS.EXE文件,查看需要注册的dll,确认是否缺少所依赖的dll; 4、使用...
  • WEB控件Lodop自2007年开始发布,目前是国内注册用户和免费用户最多的打印控件,是WEB开发中比较彻底的打印方案。控件支持windows下所有的浏览器,功能强大,使用方便,被支持者称为打印控件的“终结者”。 ...
  • Qt中web控件使用的解决办法

    千次阅读 2020-09-24 11:03:09
    Qt项目打包交付后在一台客户机上面出现了打开界面就停止运行 由于在客户机上没有代码调试环境,不能联网,不能重装系统,就直接用该客户机器上的vs2010对exe界面程序进行调试 发现中断进程中提示“下面的框架可能...
  • 如果现有的 ASP.NET 服务器控件都不符合应用程序的特定要求,则可以创建封装所需功能的 Web 用户控件Web 自定义控件。这两种控件之间的主要区别在于设计时的易创建性与易用性。Web 用户控件易于创建,但它们在...
  • 在asp.net中动态生成web控件

    千次阅读 2007-05-25 22:50:00
    在asp.net中动态生成web控件 大多数情况下,我们在制作asp.net页面的时候,都是使用静态的形式将WEB服务器控件添加到页面中的,这种方法能满足大部分的需要。在本文中,我们主要讨论如何在WEB页面中动态生成控件并...
  • 利用 ASP.NET 2.0 创建自定义 Web 控件

    千次阅读 2004-11-04 17:01:00
    利用 ASP.NET 2.0 创建自定义 Web 控件 选择自 hiyaolee 的 Blog 关键字 利用 ASP.NET 2.0 创建自定义 Web 控件出处 Jayesh Patel、Bryan Acker、Robert McGovernInfusion Development适用于:Microsof
  • Office Web控件应用开发dephi

    千次阅读 2005-08-17 19:31:00
    Microsoft Office 2000一个新的令人振奋的特性就是它提供了Office Web Components (OWC,一组用于创建动态Web文档的ActiveX控件)。OWC包括六个控件,实现了Excel的部分功能并提供了数据库存取功能,它们是ChartSpace...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 128,207
精华内容 51,282
热门标签
关键字:

web控件未运行