Below is the simple login form in asp.net using bootstrap
Example:- Here is the source code
<div class="container">
<div class="form-horizontal" style="border:1px solid black;width:600px;height:250px;padding:10px;margin-left:50px;margin-top:50px">
<div class="row">
<div class="col-sm-3 col-sm-offset-3 text-primary">
<h2>Login</h2>
</div>
</div>
<div class="form-group">
<div class="col-sm-3 control-label">
<span>Email</span>
</div>
<div class="col-sm-7">
<asp:TextBox ID="txtEmail" runat="server" placeholder="Email" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-3 control-label">
<span>Password</span>
</div>
<div class="col-sm-7">
<asp:TextBox ID="txtPassword" TextMode="Password" runat="server" placeholder="Password" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-1 col-sm-offset-8">
<asp:Button ID="Button1" runat="server" CssClass="btn btn-primary" Text="Submit" />
</div>
</div>
</div>
</div>
Output:-
Example:- Here is the source code
<div class="container">
<div class="form-horizontal" style="border:1px solid black;width:600px;height:250px;padding:10px;margin-left:50px;margin-top:50px">
<div class="row">
<div class="col-sm-3 col-sm-offset-3 text-primary">
<h2>Login</h2>
</div>
</div>
<div class="form-group">
<div class="col-sm-3 control-label">
<span>Email</span>
</div>
<div class="col-sm-7">
<asp:TextBox ID="txtEmail" runat="server" placeholder="Email" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-3 control-label">
<span>Password</span>
</div>
<div class="col-sm-7">
<asp:TextBox ID="txtPassword" TextMode="Password" runat="server" placeholder="Password" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-1 col-sm-offset-8">
<asp:Button ID="Button1" runat="server" CssClass="btn btn-primary" Text="Submit" />
</div>
</div>
</div>
</div>
Output:-
No comments:
Post a Comment