Chapter 2. ASP.NET 标准控件(标签、文本框、按钮)

<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>
        body
        {
            margin:0px;
            padding:0px;
        }
        .la1
        {
            width:200px;
            height:200px;
            background-color:blue;
            border:solid 5px black;
            display:inline-block;
            visibility:hidden;
        }
        .la2
        {
            width:200px;
            height:200px;
            background-color:blue;
            border:solid 5px black;
            display:inline-block;
        }
    </style>

    <script>
        function Tishi()
        {
            alert('登录成功!');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">

        <asp:Label ID="Label1" runat="server" Text="Label1" CssClass="la1"></asp:Label>
        <asp:Label ID="Label2" runat="server" Text="Label2" CssClass="la2"></asp:Label>
        <br /><br />

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

        用户名:<asp:TextBox ID="TextBox1" runat="server" TextMode="SingleLine" MaxLength="10"></asp:TextBox>
        <br />&nbsp;码:<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
        <br />
        <asp:Button ID="Button1" runat="server" Text="登 录" OnClick="Button1_Click" />
        <br /><br />

        <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
        <br />
        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Image/1.jpg"/>

    </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 简单控件 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Literal1.Text = "<script>Tishi();</script>";  
    }
}

 

posted @ 2016-09-20 21:00  庚xiao午  阅读(305)  评论(0编辑  收藏  举报