基本控件的使用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_41622627/article/details/102745499

代码

aspx

<%@ 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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <!--label-->
        <asp:Label ID="Label1" runat="server" Text="欢迎光临我的网站,这是一个Label " ></asp:Label>
        <br/>
        <asp:Label ID="Label2" runat="server" Text="您的点击触发事件名称为"></asp:Label><&nbps><&nbps>
       <asp:Label ID="Label4" runat="server" Text=" "></asp:Label>
        <br />
         <asp:Label ID="Label3" runat="server" Text="稍等请仔细观察我的变化哦"></asp:Label>
        <br />

        <!--button--> <!--每个控件都有对应的属性和事件-->
        <asp:Button ID="Button1" runat="server" Text="改变Label的显示" OnClick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" Text="我是按钮2" OnClick="Button2_Click" />
        <asp:Button ID="Button3" runat="server" Text="改变L我是按钮3" OnCommand="Button3_Command" />    
        <!--不分行就是并列的-->
        <br/>
        <asp:Button ID="Button4" runat="server" Text="变粗体"  CommandName="FontBold"  OnCommand="Button_command" />
        <asp:Button ID="Button5" runat="server" Text="加下划线" CommandName="FontUnderline" OnCommand="Button_command"/>
        <asp:Button ID="Button6" runat="server" Text="变为红色" CommandArgument="Red" CommandName="FontColor" OnCommand="Button_command"/>   
        <!--注意以上三个按钮共用的是一个事件函数-->


        <br/>
        <!--TextBox控件-->

        输入框一:<asp:TextBox ID="TextBox1" runat="server" ReadOnly="false" AutoPostBack="true" MaxLength="5"></asp:TextBox> <!--AutoPostBack意思是当文本框的内容改变切文本框失去焦点是就会自动提交-->
        输入框二: <asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged" AutoPostBack="true"></asp:TextBox>    <!--文本框内容改变时触发事件 自己编辑-->
        调整模式 :<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" Warp="true"></asp:TextBox> <!--现在模式就调整了,调整为了多行模式,当然可以很多行啦-- 也可以限制   行数-->
        <br>
        密码输入模式:<asp:TextBox ID="TextBox4" runat="server" TextMode="Password"></asp:TextBox>
        
        <br/>
        <!----HyperLink控件-->
        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="www.baidu.com" target="_blank" ImageUrl="~/Web.config">HyperLink超链接控件</asp:HyperLink> <!--空间显 不是很懂示图片的路 本地径-->
        
        <br>
        <!----选择控件--->

        <asp:CheckBox ID="CheckBox1" runat="server" />


        <asp:ListBox ID="ListBox1" runat="server" ></asp:ListBox>
        <br/>


        

<asp:imagebutton runat="server"></asp:imagebutton>
     <br />
    <br />
    <br />
     <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
    </div>
    </form>
   
</body>
</html>

在这里插入图片描述
对应
.cs 文件

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack) //确保首页只是在加载的时候执行相应的代码 第一次执行
        {
            Label1.Text = DateTime.Now.ToString();//如果文本是固定的静态的 那么还是最好使用HTML文本 减少服务器的处理
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "点击按钮我就变了哦";
    }
    protected void Button2_Click(object sender, EventArgs e) //这个函数传递的参数
    {
        Label1.Text = "你是不是点击了按钮2啊";
    }
    protected void Button3_Command(object sender, CommandEventArgs e)
    {
        Label1.Text = "你是不是点击了按钮3啊";
    }
    protected void Button_command(object sender, CommandEventArgs e)
    {
         //三个按钮共用一个事件函数 根据什么来区分呢,简单,就是根据传参 数
        /*传过来的参数包含什么?包含CommandEventArgs 这是一个e事件*/
        Label4.Text = e.CommandName;
        switch(e.CommandName)
        {
            case "FontBold":
                Label3.Font.Bold = true;
                break;
            case "FontUnderline":
                Label3.Font.Underline = true;
                break;
            case "FontColor":
                if((String)e.CommandArgument=="Red")
                {
                    Label3.ForeColor = Color.Red; //重点这个Color存在于Drawing包中 不引用就会显示在上下文不存在color
                }
                break;
            default:
                break;
        }
    }


    protected void TextBox2_TextChanged(object sender, EventArgs e)
    {
        TextBox1.Text = TextBox2.Text;
    }
}

猜你喜欢

转载自blog.csdn.net/qq_41622627/article/details/102745499