版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
代码
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;
}
}