Skip to content

WebForms

Page.aspx

The fist loaded page is Default.aspx and its underlying code.

HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<!-- directive -->
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Project.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">  <!-- XML Namespace -->
<head runat="server">  <!-- runat: handle as ASP code -->
    <title></title>
</head>
<body>
    <!-- web forms require a form tag to be the whole body -->
    <form id="form1" runat="server">  <!-- runat: handle as ASP code -->
        <div>
        </div>
    </form>
</body>
</html>

Page Directive

C#
1
2
3
4
<%@ Page Language="C#"  // define language used (can be C# or VB)
    AutoEventWireup="true"  // automatically create and setup event handlers
    CodeBehind="Default.aspx.cs"  // define the underlying code file
    Inherits="EmptyWebForm.Default" %>

Web Controls

XML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<asp:Control ID="" runat="server" ...></asp:Control>

<!-- Label: empty text will diplay ID, use empty space as text for empty label -->
<asp:Label ID="lbl_" runat="server" Text=" "></asp:Label>
<!-- TextBox -->
<asp:TextBox ID="txt_" runat="server"></asp:TextBox>
<!-- Button -->
<asp:Button ID="btn_" runat="server" Text="ButtonText" OnClick="btn_Click" />
<!-- HyperLink -->
<asp:HyperLink ID="lnk_" runat="server" NavigateUrl="~/Page.aspx">LINK TEXT</asp:HyperLink>
<!-- LinkButton: POstBackEvent reloads the page -->
<asp:LinkButton ID="lbtHome" runat="server" PostBackUrl="~/Page.aspx" OnClick="lbt_Click">BUTTON TEXT</asp:LinkButton>
<!-- Image -->
<asp:Image ID="img_" runat="server" ImageUrl="~/Images/image.avif"/>
<!-- ImageButton -->
<asp:ImageButton ID="imb_" runat="server" ImageUrl="~/Images/image.avif" PostBackUrl="~/Page.aspx"/>

<!-- SqlSataSource; connection string specified in Web.config -->
<asp:SqlDataSource ID="sds_" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SQL Query"></asp:SqlDataSource>

Page.aspx.cs

C#
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Control_Event(object sender, EventArgs e)
    {
        // actions on event trigger
    }
}