在HTML中称“元素”，添加了“runat=‘server’”后称控件，后台服务端可以控制

想要后台改变前端的控件，需要先让后台获取前端控件

常用的简单的表单元素（控件）

==================================================

1、label —— span

label 经过编译后，在HTML中为span

常用属性：

　　★Text：要显示的文字内容 —— <span>要显示的文字内容</span>

　　★CssClass：指向的Class属性

<asp:Label ID="Label1" runat="server" Text="" CssClass="aaa"></asp:Label>

网页展示：　　HTML编码：

　　height：高度

　　width：宽度

　　enabled：控件是否启用，但对label无效

　　visible：控件是否可见，编译后无代码

编译前：

        <asp:Label ID="Label1" runat="server" Text="" CssClass="aaa" Height="" Width="" BackColor="#FF99CC" BorderColor="#FF3300" BorderStyle="Solid" BorderWidth=""></asp:Label>

　

编译后：　

<span id="Label1" class="aaa" style="display:inline-block;background-color:#FF99CC;border-color:#FF3300;border-width:5px;border-style:Solid;height:100px;width:100px;"></span>

如果有多个相同的label，则会出现代码冗余，影响数据传输

使用<style ></style>

减少代码，减少流量，加快传输

==================================================

2、★★★★★Lateral - 向前端返回代码

Lateral 编译后会把其 text 原封不动的展示出来

常用属性：

　　text：可以是文字，也可以是要执行的代码（李献策lxc）

比如：

<asp:Literal ID="Literal1" runat="server" Text="2016-12-29"></asp:Literal>

网页展示　　编译后

比如：

<asp:Literal ID="Literal1" runat="server" Text="<script>alert('2016年12月29日')</script>"></asp:Literal>

网页展示　　编译后

练习1：

点击按钮，弹出提示，提示文本框是否为空

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style type="text/css">

        .aaa {

            display:inline-block;background-color:#FF99CC;border-color:#FF3300;border-width:5px;border-style:Solid;height:100px;width:100px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <%-- <asp:Label ID="Label1" runat="server" Text="" CssClass="aaa"></asp:Label> --%>

            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

            <asp:Button ID="Button1" runat="server" Text="Button" />

            <asp:Literal ID="Literal1" runat="server" ></asp:Literal>

        </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 _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        Button1.Click += Button1_Click;

    }

    //按钮点击事件

    void Button1_Click(object sender, EventArgs e)

    {

        if (TextBox1.Text.Length > )

        {

            Literal1.Text = "<script>alert('内容不为空！');</script>";

        }

        else

        {

            Literal1.Text = "<script>alert('空！');</script>";

        }

    }

}

后台代码

　　

练习2：

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        Button1.Click += Button1_Click;

    }

    //按钮点击事件

    void Button1_Click(object sender, EventArgs e)

    {

        for (int i = ; i < ; i++)

        {

            Literal1.Text += "<span class='aaa'>" + i + "</span>";

        }

    }

}

打印多个span

页面展示

编译代码

==============================================================

3、textbox - text、password、textarea

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

属性：

　　★★★TextMode - text模式

　　　　1、默认 SingleLine - 单行文本框，编译后为 type="text"

　　　　2、Password - 密码框，编译后为 type="password"

　　　　3、MultiLine - 文字域，编译后为 <textarea></textarea>

　　　　在设计界面中 textmode 属性有多个，只用前三个

　　maxlength:最大长度，在文本域 <textarea></textarea> 中不起作用

　　readonly：只读属性（李献策lxc）

==============================================================

4、hiddenfield - hidden 隐藏域

<asp:HiddenField ID="HiddenField1" runat="server" />
<input type="hidden" name="HiddenField1" id="HiddenField1" />

==============================================================

5、button - submit 提交

imagebutton - image 提交图片

linkbutton - 超链接模样的按钮，仅控件如此

button、reset - 没有控件对应

编译前

<asp:Button ID="Button1" runat="server" Text="Button" />

<asp:ImageButton ID="ImageButton1" runat="server" />

<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>

编译后

<input type="submit" name="Button1" value="Button" id="Button1" />

<input type="image" name="ImageButton1" id="ImageButton1" src="" />

<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>

button属性：

　　★★★OnClientClick - 在客户端OnClick上执行的客户端脚本

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick='alert("haha")' />
<input type="submit" name="Button1" value="Button" onclick="alert(&quot;haha&quot;);" id="Button1" />

客户端脚本执行优先级高，即先弹窗再执行其他操作

C#-WebForm-简单控件的更多相关文章

  1. WebForm简单控件，复合控件

    简单控件: 1.Label 会被编译成span标签 属性: Text:文本内容 CssClass:CSS样式 Enlabled:是否可用 Visible:是否可见 __________________ ...

  2. webform简单控件

    表单元素: 文本类: text password textarea hidden text,password,textarea实现控件:textbox   textmode属性选择password或m ...

  3. WebForm 简单控件、复合控件

    简单控件: Label:被编译成span 样式表里设置lable的高度:  display:inline-block; Text  --文本 ForeColor  --字体颜色 Visible  -- ...

  4. webform 简单控件

    html中12个表单元素添加runat="server"后称为控件 Lable 编译之后是 <span></span> 属性:CssClass  编译成 c ...

  5. Webform（简单控件、复合控件）

    一.简单控件: 1.label控件 <asp:Label ID="Label1" runat="server" Text="账 号:" ...

  6. WebForm 【简单控件】【表单元素】

    一.HTML 表单元素复习 (1)文本类 文本框:<input type="text" name="" id="" value=&qu ...

  7. 【2017-05-18】WebForm的Repeater控件和一些简单控件

    一.Repeater控件 1. <%@ %> - 这里面写一些声明和引用的 <%  %> - 编写C#代码的 <%= %> - 往界面上输出一个变量的值 <% ...

  8. 【2017-05-18】WebForm的Repeater控件及简单控件

    <%@ %> - 这里面写一些声明和引用的 <%  %> - 编写C#代码的 <%= %> - 往界面上输出一个变量的值 <%# Eval("属性名 ...

  9. 2013 duilib入门简明教程 -- 简单控件介绍 (12)

        前面的教程应该让大家对duilib的整体有所映像了,下面就来介绍下duilib具体控件的使用.     由于官方没有提供默认的控件样式,所以我就尽量使用win7或者XP自带的按钮样式了,虽然界 ...

  10. WebForm 常用控件

    一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text=&quo ...

随机推荐

  1. JavaWeb_day07_JSP

    本文为博主辛苦总结,希望自己以后返回来看的时候理解更深刻,也希望可以起到帮助初学者的作用. 转载请注明 出自 : luogg的博客园 谢谢配合! day07 JSP 全称 :Java Server P ...

  2. lsof命令

    学习资源https://linux.die.net/man/8/lsof lsof mean list open files 如果说linux中一切皆文件的话,那么lsof就是一盏照亮黑暗的文件系统的 ...

  3. java反射复制属性值

    /** 将sourceObj的属性拷贝到targetObj * @param sourceObj * @param targetObj * @param clazz 从哪一个类开始(比如sourceO ...

  4. Quartz框架(第一版)

    任务调度 在企业级应用中,经常会制定一些"计划任务",即在某个时间点做某件事情 核心是以时间为关注点,即在一个特定的时间点,系统执行指定的一个操作 任务调度涉及多线程并发.线程池维 ...

  5. 学习笔记 MYSQL报错注入(count()、rand()、group by)

    首先看下常见的攻击载荷,如下: select count(*),(floor(rand(0)*2))x from table group by x; 然后对于攻击载荷进行解释, floor(rand( ...

  6. Atitit.http httpclient实践java c# .net php attilax总结

    Atitit.http httpclient实践java c# .net php attilax总结 1. Navtree>> net .http1 2. Httpclient理论1 2. ...

  7. 利用私有的API获得手机上所安装的所有应用信息（包括版本，名称，bundleID，类型）

    MobileCoreService这个系统的库,里面有个私有的类LSApplicationWorkspace ,利用运行时可以获得私有类里面的方法,- (id)allInstalledApplicat ...

  8. 一些Titanium学习的地方

    利用titanium兑现外汇兑换计算的ios代码   http://rensanning.iteye.com/blog/1325011 Titanium兑现相关的报表功能   http://www.s ...

  9. elasticsearch__5__java操作之FilterBuilders构建过滤器Query

    FilterBuilders构建过滤器Query 代码如下: package com.elasticsearch; import org.elasticsearch.action.ActionList ...

  10. C#使用ADO.NET访问数据库（一）

    博主好久没更新博客了,最近有点忙(打麻将0.0..),今天更新一篇C#的,我还是想坚持更新博客,分享一下自己的心得,闲话少说,开始正题~~ ADO.NET概述:ADO.NET的作用在于他是客户端访问服 ...