You are on page 1of 5

<html>

<head>
<script type="text/javascript" src="validateform.js"></script>
<title>Project</title>
<style>
ul {list-style-type:none;}

<html>
<head>
<script type="text/javascript" src="validateform.js"></script>
<title>Website</title>
<style>
ul {list-style-type:none;}
form{
background-color: #d9514eff;
}

body {

background-color: #00FEFE;
}

h1 {
border-color: white;
border-style: solid;
text-align: center;
font-size: 60px;
font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell,'Open Sans', 'Helvetica Neue', sans-serif ;
background-color: #00FEFE
;
color: grey;

.p1 {
background-color: #d9514eff ;
color:255-255- 0;
border-color: white;
border-style: solid;
text-align: center;
border-width: 3px;
font-size: 15px;
font-weight: bold;
font-family: -apple-system, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
sans-serif;

button, form {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}

footer {
background-color:grey;
padding: 15px;
text-align: center;
color: yellowgreen;
font-family: -apple-system BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

</style>
</head>

<body>

<h1>
BISK Registration</h1>
<pre>
<div class="p1">
<p>Welcome all of you to the new academic year!
We are thrilled to be partnering with you as you participate in an exciting
educational journey of discovery.
Whether you are a returning, first-year, or transfer student, you will find
unlimited opportunities to enjoy campus life by learning, exploring, and engaging
together.
</pre>
</div>
</p>

<form action="#" name="StudenSignupForm" onsubmit="return(validateHTMlform());">

<div cellpadding="2" width="20%" bgcolor="99FFFF" align="center"


cellspacing="2">

<p id="Demo" style="display:none">Student Information System is one of the key


systems for facilitating the management and development of Higher Education
Institutions. Its use for academic decision-making purposes as well as other
academic tasks is crucial. </p>
<button type="button"
onclick="document.getElementById('Demo').style.display='block'">Student Information
System</button>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>

<ul>
<li>
<center><font size=5.2> <span style="background-color: #87CEEB">Student
Registration Form </span><b></b></font></center>
</li>
</ul>

<ul>
<li>First Name</li>
<li><input type=text name=textnames id="textname" size="30"></li>
</ul>

<ul>
<li>
Last Name</li>
<li><input type=text name=lastnames id="lastname" size="30"></li>
</ul>

<ul>
<li>Father Name</li>
<li><input type="text" name="full_father_name" id="fathername"
size="30"></li>
</ul>

<ul>
<li>Address</li>
<li><input type="text" name="personal_address"
id="personaladdress" size="30"></li>
</ul>

<ul>
<li>Gender</li>
<li><input type="radio" name="sex" value="male" size="10">Male
<input type="radio" name="sex" value="Female" size="10">Female</li>
</ul>

<ul>
<li>City</li>
<li><select name="City">
<option value="-1" selected>select..</option>
<option value="Erbil">Erbil</option>
<option value="Zaxho">Zaxho</option>
<option value="Duhok">Duhok</option>
<option value="Sulaymaniyah">Sulaymaniyah</option>
</select></li>
</ul>

<ul>
<li>Course</li>
<li><select name="Course">
<option value="-1" selected>select..</option>
<option value="Medicine">Medicine</option>
<option value="Law">Law</option>
<option value=" Web Designing"> Web Designing</option>
<option value="Pharmacist">Pharmacist</option>
</select></li>
</ul>

</ul>

<ul>
<li>PinCode</li>
<li><input type="text" name="pin_code" id="pincode" size="30"></li>

</ul>
<ul>
<li>Student Email</li>
<li><input type="text" name="email_id" id="emailid" size="30"></li>
</ul>

<ul>
<li>Date Of Birth</li>
<li><input type="text" name="date_of_birth" id="dob" size="30"></li>
</ul>

<ul>
<li>Mobile Number</li>
<li><input type="text" name="mobilenumber" id="mobile_no" size="30"></li>
</ul>
<ul>
<li><input type="reset"></li>
<li colspan="2"><input type="submit" value="Submit Form" /></li>
</ul>
</div>
</form>
<button onclick="window.print()">Print this page</button>

<footer>gamerravi3344@gmail.com</footer>
</body>
</html>

You might also like