How to Create Login Page in Asp.net

Create Login With Database Using ASP.NET

Login Page Design For More attractive Degin use Bootstap 

Code For Designing

 <div class="row ">
             
                  <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                        <strong>   Enter Details To Login </strong>
                            </div>
                            <div class="panel-body">
                       
                                       <br />
                                     <div class="form-group input-group">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-phone"  ></i></span>
                                        <asp:TextBox ID="txtid" runat="server" class="form-control" placeholder="Mobile Number " ></asp:TextBox>
                                        </div>
                                                                              <div class="form-group input-group">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"  ></i></span>
                                        <asp:TextBox ID="txtpassword" runat="server" TextMode="Password" class="form-control"  placeholder="Your Password"></asp:TextBox>
                                        </div>
                                 <div class="form-group input-group">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"  ></i></span>
                                     <asp:DropDownList ID="ddl" runat="server" CssClass="form-control">
                                         <asp:ListItem>Select Admin Role</asp:ListItem>
                                         <asp:ListItem>Super Admin</asp:ListItem>
                                         <asp:ListItem>Admin</asp:ListItem>
                                            </asp:DropDownList></div>
                                <asp:RequiredFieldValidator ID="req1" runat="server" ControlToValidate="ddl"  EnableClientScript="false" ErrorMessage="Admin role is not selected" ForeColor="Red" InitialValue="Select Admin Role" ></asp:RequiredFieldValidator>
                                   <div class="links"><a href="forgotpassword.aspx" >FORGOT YOUR ID? / FORGOT YOUR PASSWORD?</a></div>
                                   
                                   <div>  <asp:Button ID="btnlogin" runat="server" CssClass="btn btn-success bg-color-blue" Text="Login Now" OnClick="btnlogin_Click" />
                                     </div>
                                       <div><asp:Label ID="la1" runat="server" ForeColor="Red" ></asp:Label>
                                       </div>
                                 
                                 
                                 
                            </div>
                         
                        </div>
                    </div>

C# Code:-

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btnlogin_Click(object sender, EventArgs e)
    {
     
         
                if (txtid.Text == null && txtpassword.Text == null && ddl.SelectedValue== "Select Admin Role")
                {
                    la1.Text = "Invalid id and password";
                }
                else
                {
                    SqlConnection con = new SqlConnection("Data Source=rahul-pc;Initial Catalog=login;User ID=sa;Password=123;");
                    con.Open();
                    SqlCommand cmd = new SqlCommand("select * from users where mobile=@id and password=@password and usertype=@uty ", con);
                    cmd.Parameters.AddWithValue("@id", txtid.Text);
                    cmd.Parameters.AddWithValue("@password", txtpassword.Text);
                    cmd.Parameters.AddWithValue("@uty", ddl.SelectedItem.Value);
                    SqlDataAdapter da = new SqlDataAdapter(cmd);
                    DataTable dt = new DataTable();
                    da.Fill(dt);
                    if (dt.Rows.Count > 0)
                    {
                     
                        if(ddl.SelectedItem.Value=="Super Admin")
                        {
                            Session["UserId"] = txtid.Text;
                        Response.Redirect("index.aspx");
                    }
                        else
                         
                        {
                            Session["UserId"] = txtid.Text;
                            Response.Redirect("~/admin/index.aspx");
                    }
                    }
                    else
                    {
                        la1.Text = "Invalid id and password";
                    }

                }
            }
     
}