Step 1: Open the "NOTEPAD" and type the program.
Step 2: Save the Program as extension .html
Step 3: The document will be saved as browser format.
Coding:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<title>Student Profile</title>
</head>
<body>
<center><h1>Student Profile</h1></center>
<center>
<div style="width:600px; height:auto; background-color:#D1D9F1; border-radius:10px;">
<br>
<form name="frm" method="post" action="#" class="form-horizontal" role="form">
<div class="form-group">
<label for="regno" class="col-sm-4 control-label">Reg. No</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="txtregno" placeholder="Register Number"
required>
</div>
</div><div class="form-group">
<label for="sname" class="col-sm-4 control-label">Student
Name</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="txtsname" placeholder="Student Name"
required>
</div>
</div><div class="form-group">
<label for="dob" class="col-sm-4 control-label">D. O. B</label>
<div class="col-sm-7">
<input type="date" class="form-control" id="txtdob">
</div>
</div><div class="form-group">
<label for="coursename" class="col-sm-4 control-label">Course Name</label>
<div class="col-sm-7">
<select name="coursename" class="form-control">
<option value="BCA">BCA</option>
<option value="B.Sc Computer Science">B.Sc CS</option>
<option value="B.Sc Information Technology">B.Sc IT</option>
</select></div>
</div><div class="form-group">
<label for="address1" class="col-sm-4 control-label">Address Line 1</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="txtaddress1" placeholder="Address Line 1">
</div></div>
<div class="form-group">
<label for="district" class="col-sm-4 control-label">District</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="txtdistrict" placeholder="District">
</div>
</div><div class="form-group">
<label for="pincode" class="col-sm-4 control-label">Pincode</label>
<div class="col-sm-7">
<input type="number" class="form-control" id="txtpincode" placeholder="Pincode">
</div></div>
<div class="form-group">
<label for="mobileno" class="col-sm-4 control-label">Mobile No</label>
<div class="col-sm-7">
<input type="number" class="form-control" id="txtmobile" placeholder="Mobile">
</div></div>
<div class="form-group">
<label for="emailid" class="col-sm-4 control-label">Email Id</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="txtemail" placeholder="Email Id">
</div></div>
<div class="form-group">
<div class="col-sm-12"><br>
<input class="btn btn-default" type="submit" value="Save">
<input class="btn btn-default" type="reset" value="Reset">
</div>
</div>
</form><br>
</div>
</center>
</body>
</html>
OUTPUT:
BY
REGU RAM SV.
Post a Comment