You are on page 1of 5

11/17/22, 1:09 AM Create Login and Registration page in asp.

net webform - Rashi Code

 DESKTOP APPLICATION  WEB APPLICATION  CONTACT US ABOUT US 

Add the extension Downloa

Microsoft

Wednesday, November 16, 2022

Latest: How to create a Notification Popup

   

Rashi Code
Your Online Instructor

osorciM

Add the extension Ads by


Download

Microsoft

sorciM
Send
Earn points toward free gift cards withfeedback Why this ad? 
Microsoft Rewards. Microsoft

Add the
extension
Download

Recent Posts

How to create a Notification Popup Alert in


window form application.

How to show Sweet Alert in JavaScript

How to Design and Customize Responsive


Gridview in asp.net | bootstrap

Asp.net   Crud Operation in Student Registration Form


in asp net web Forms App
 June 12, 2021

rashid@rashicode.com  0 Comments
Open popup Form using bootstrap modal on
button click in asp net c#


https://rashicode.com/create-login-and-registration-page-in-asp-net-webform/#google_vignette 1/7
osorciM
11/17/22, 1:09 AM Create Login and Registration page in asp.net webform - Rashi Code

 DESKTOP APPLICATION Ads byAPPLICATION  Microsoft

sorciM
WEB CONTACT US ABOUT US 
Send feedback Why this ad? 
Add the extension
Earn points toward free gift cards with Microsoft Rewards. Add the
extension
Microsoft Download
Download

Categories

Asp.net

Custom Controls

Desktop Application

Uncategorized

Web Application

Windows Application

osorciM
WPF

Microsoft

sorciM
Add the
Design Login and Registration page in asp.net webform extension
Hello friend’s this is Rashid Hussain come with another video tutorial on how to design Login and
registration page in asp.net webform in visual studio. Download
Steps

1-add 3 web form 

Landing Page, Login Page, Signup Page 

Landing Page
add a new webform 

select solution Explorer=>right click on Project=> Add=>web Form.

paste the the code below in landing page

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LandingPage.aspx.cs"


Copy
Inherits="LoginSignup.LandingPage" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

<link href="Helper/css/style.default.css" rel="stylesheet" />

<link href="Helper/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

</head>

<body>

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

<header class="header">


https://rashicode.com/create-login-and-registration-page-in-asp-net-webform/#google_vignette 2/7
11/17/22, 1:09 AM Create Login and Registration page in asp.net webform - Rashi Code
<nav class="navbar navbar-expand-lg px-4 py-4 bg-white shadow">

 DESKTOP APPLICATION  WEB APPLICATION  CONTACT US ABOUT US 


</nav>

</header>

<div class="page-holder w-100 d-flex flex-wrap">

<div class="container-fluid px-x1-5">

<section class="py-5">

<div class="row">

View

Login Page
add a new webform follow the above steps to add web  form

paste the the code below in login  page

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

Copy
<head runat="server">

<title></title>

<link href="Helper/css/style.default.css" rel="stylesheet" />

<link href="Helper/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

</head>

<body>

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

<div class=" page-holder d-flex align-items-center">

<div class="container">

<div class="row align-items-center py-5">

<div class="col-5 col-lg-7 mx-auto mb-5 mb-lg-0">

<div class="pr-lg-5">

<img src="illustration.svg" alt="" class="img-fluid" />

</div>

</div>

<div class="col-lg-5 px-lg-4">

<h1 class="text-base text-primary text-uppercase mb-4">Login Here</h1>

<h2 class="mb-4">Welcome Back!</h2>

<div class ="form-group mb-4">

<asp:TextBox required= "true" CssClass="form-control border-0 shadow form-


control lg te t base" placeholder "Email" r nat "ser er" ></asp Te tBo >

View

https://rashicode.com/create-login-and-registration-page-in-asp-net-webform/#google_vignette 3/7
11/17/22, 1:09 AM Create Login and Registration page in asp.net webform - Rashi Code

 DESKTOP APPLICATION  WEB APPLICATION  CONTACT US ABOUT US 

Sign up Page
add a new webform follow the above steps to add web  form

paste the the code below in sign up  page

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Signup.aspx.cs"


Inherits="LoginSignup.Signup" %>
Copy

<!DOCTYPE html>

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

<head runat="server">

<title></title>

<link href="Helper/css/style.default.css" rel="stylesheet" />

<link href="Helper/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

</head>

<body>

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

<div class=" page-holder d-flex align-items-center">

<div class="container">

<div class="row align-items-center py-5">

<div class="col-5 col-lg-7 mx-auto mb-5 mb-lg-0">

<div class="pr-lg-5">

<img src="illustration.svg" alt="" class="img-fluid" />

</div>

</div>

<div class="col-lg-5 px-lg-4">

<h1 class="text base text primary text uppercase mb 4">Sign up Here</h1>

View


https://rashicode.com/create-login-and-registration-page-in-asp-net-webform/#google_vignette 4/7
11/17/22, 1:09 AM Create Login and Registration page in asp.net webform - Rashi Code

 DESKTOP APPLICATION  WEB APPLICATION  CONTACT US ABOUT US 

Video tutorial

Design Login and Registration page in asp.net w…


w…

Download Source Code

Thank you for reading this article. Please don’t forget to subscribe our official YouTube
Channel RashiCode

Dot Net Programmer


Be a Full Stack Web
5000 subscribers
Free Writing

Training - Dot Net


Developer start @ $19 - Event-
Assistant
Course in Chennai Based Campaign

Ad bitaacademy.com Ad PrepBytes Ad easysendy.com Ad Grammarly

No Credit Card
Build a Career @ IIAD Get Started with
Premier League

Required Maps Platform results & stats

Ad Quest Ad IIAD Ad Google Maps Platform Ad AiScore


https://rashicode.com/create-login-and-registration-page-in-asp-net-webform/#google_vignette 5/7

You might also like