Step 1: Add HTML Input Area
Copy Code
Step 1: Add HTML Input Area
Copy
<!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">
<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