<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EmailValidationUsingJavascript.aspx.cs" Inherits="Javascript_EmailValidationUsingJavascript" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<html lang="en">
<title>Bootstrap Example 5</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="container-fluid">
<%-- <div class="container">
<h1>Stacked Form </h1>
<h3>All textual
input
and
textarea
elements with class .form-control get proper form styling: </h3>
<div class="mb-3 mt-3">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter Email" name="email" />
</div>
<div class="mb-3">
<label for="password">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" />
</div>
<div class="form-check mb-3">
<label class="form-check-lable" for="email">
<input class="form-check-input" type="checkbox" id="chk" name="remember" />
Remember Me
</label>
</div>
<div class="mb-3">
<asp:Label ID="lblusername" runat="server" Text="Enter Your Name:"></asp:Label>
<asp:TextBox ID="txtusername" class="form-control" runat="server" placeholder="Enter User Name"></asp:TextBox>
</div>
<div class="mb-3">
<asp:Label ID="lblAddress" runat="server" Text="Enter Your Address:"></asp:Label>
<asp:TextBox ID="txtAddress" class="form-control" runat="server" placeholder="Enter User Address"></asp:TextBox>
</div>
<div class="mb-3">
<asp:Label ID="lblMobile" runat="server" Text="Enter Your Mobile Number:"></asp:Label>
<asp:TextBox ID="txtmobile" class="form-control" runat="server" placeholder="Enter User Mobile Number"></asp:TextBox>
</div>
<button type="submit" id="btnsubmit" class="btn btn-primary">Submit</button>
<asp:Button ID="btnSend" runat="server" CssClass="btn btn-primary" Text="Submit" />
</div>--%>
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label1" runat="server" Text="Enter Your Mobile Number:"></asp:Label>
<input type="text" class="form-control" placeholder="Enter mobile number" name="mobile">
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label2" runat="server" Text="Enter Your Email:"></asp:Label>
<input type="text" class="form-control" placeholder="Enter email" name="email">
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label3" runat="server" Text="Enter Your Password:"></asp:Label>
<input type="password" class="form-control" placeholder="Enter password" name="pswd">
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label4" runat="server" Text="Confirm Your Password:"></asp:Label>
<input type="password" class="form-control" placeholder="Confirm password" name="confirm_pswd">
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label6" runat="server" Text="Courses:"></asp:Label>
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkHindi" name="courses" />
<label class="form-check-label" for="chkHindi">Hindi</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkEnglish" name="courses" />
<label class="form-check-label" for="chkEnglish">English</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkMath" name="courses" />
<label class="form-check-label" for="chkMath">Math</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkScience" name="courses" />
<label class="form-check-label" for="chkScience">Science</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkScience" name="courses" />
<label class="form-check-label" for="chkScience">Science</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="chkScience" name="courses" />
<label class="form-check-label" for="chkScience">Science</label>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label8" runat="server" Text="Enter Your Password:"></asp:Label>
<input type="password" class="form-control" placeholder="Enter password" name="pswd">
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label9" runat="server" Text="Confirm Your Password:"></asp:Label>
<input type="password" class="form-control" placeholder="Confirm password" name="confirm_pswd">
</div>
<div class="col-md-6 col-lg-3 mb-3">
<asp:Label ID="Label10" runat="server" Text="Confirm Your Password:"></asp:Label>
<input type="password" class="form-control" placeholder="Confirm password" name="confirm_pswd">
</div>
</div>
</div>
</div>
</form>
</body>
</html>
0 Comments