Apply inline, internal and external style sheet for the student registration form.
HTML Code
<html>
<head>
<title>program5</title>
<link rel="stylesheet" href="Registrationformstyle.css">
</head>
<body>
<h1>Parul Registration Form</h1>
<form action="home.html">
<label>First Name:</label><br>
<input type="text" name="name"><br><br>
<label>Middle Name:</label><br>
<input type="text" name="name"><br><br>
<label>Last Name:</label><br>
<input type="text" name="name"><br><br>
<label>Gender</label><br>
<input type="radio" name="Gender" value="male">Male <br>
<input type="radio" name="Gender" value="female">Female <br>
<input type="radio" name="Gender" value="other">Other <br><br>
<label>Address</label><br>
<textarea name="Address" cols="50" rows="5"></textarea><br><br>
<label>Phone No</label><br>
<input type="text" name="phone no"><br><br>
<label>Email Id</label><br>
<input type="text" name="email id"><br><br>
<label>Hobbies</label><br>
<input type="checkbox" name="hobbies" value="Coding">Coding <br>
<input type="checkbox" name="hobbies" value="Reading">Reading <br>
<input type="checkbox" name="hobbies" value="Watching movies">Watching Movies <br>
<input type="checkbox" name="hobbies" value="Playing Games">Playing Games <br>
<input type="checkbox" name="hobbies" value="Visit New place">Visit New Place <br><br>
<label>City</label><br>
<select name="City">
<option value="Vadodara">Vadodara</option>
<option value="Rajkot">Rajkot</option>
<option value="Surat">Surat</option>
<option value="Gir Somnath">Gir Somnath</option>
</select><br><br>
<label>State</label><br>
<select name="State">
<option value="Gujrate">Gujrate</option>
<option value="Punjab">Punjab</option>
<option value="Bihar">Bihar</option>
<option value="Mp">MP</option>
</select><br><br>
<label>Country</label><br>
<select name="Country">
<option value="India">India</option>
<option value="Pakistan">Pakistan</option>
<option value="Nepal">Nepal</option>
<option value="USA">USA</option>
</select><br><br>
<label>College Name</label><br>
<select name="College name">
<option value="Parul Institute of Engineering and Technology">Parul Institute of Engineering and Technology</option>
<option value="Ms University">Ms University</option>
<option value="IIT">IIT</option>
<option value="NIT">NIT</option>
</select><br><br>
<input type="submit" value="Sign-up">
<input type="button" value="Cancel" onclick="alert('Registration Cancelled')">
</form>
</body>
</html>
<head>
<title>program5</title>
<link rel="stylesheet" href="Registrationformstyle.css">
</head>
<body>
<h1>Parul Registration Form</h1>
<form action="home.html">
<label>First Name:</label><br>
<input type="text" name="name"><br><br>
<label>Middle Name:</label><br>
<input type="text" name="name"><br><br>
<label>Last Name:</label><br>
<input type="text" name="name"><br><br>
<label>Gender</label><br>
<input type="radio" name="Gender" value="male">Male <br>
<input type="radio" name="Gender" value="female">Female <br>
<input type="radio" name="Gender" value="other">Other <br><br>
<label>Address</label><br>
<textarea name="Address" cols="50" rows="5"></textarea><br><br>
<label>Phone No</label><br>
<input type="text" name="phone no"><br><br>
<label>Email Id</label><br>
<input type="text" name="email id"><br><br>
<label>Hobbies</label><br>
<input type="checkbox" name="hobbies" value="Coding">Coding <br>
<input type="checkbox" name="hobbies" value="Reading">Reading <br>
<input type="checkbox" name="hobbies" value="Watching movies">Watching Movies <br>
<input type="checkbox" name="hobbies" value="Playing Games">Playing Games <br>
<input type="checkbox" name="hobbies" value="Visit New place">Visit New Place <br><br>
<label>City</label><br>
<select name="City">
<option value="Vadodara">Vadodara</option>
<option value="Rajkot">Rajkot</option>
<option value="Surat">Surat</option>
<option value="Gir Somnath">Gir Somnath</option>
</select><br><br>
<label>State</label><br>
<select name="State">
<option value="Gujrate">Gujrate</option>
<option value="Punjab">Punjab</option>
<option value="Bihar">Bihar</option>
<option value="Mp">MP</option>
</select><br><br>
<label>Country</label><br>
<select name="Country">
<option value="India">India</option>
<option value="Pakistan">Pakistan</option>
<option value="Nepal">Nepal</option>
<option value="USA">USA</option>
</select><br><br>
<label>College Name</label><br>
<select name="College name">
<option value="Parul Institute of Engineering and Technology">Parul Institute of Engineering and Technology</option>
<option value="Ms University">Ms University</option>
<option value="IIT">IIT</option>
<option value="NIT">NIT</option>
</select><br><br>
<input type="submit" value="Sign-up">
<input type="button" value="Cancel" onclick="alert('Registration Cancelled')">
</form>
</body>
</html>
CSS Code
body{
background-color:lightblue;
}
h1{
color: green;
text-align: center;
}
label{
font-size: 15px;
color:red;
}
background-color:lightblue;
}
h1{
color: green;
text-align: center;
}
label{
font-size: 15px;
color:red;
}
You apply inline ,internal or external css it's your choice.
Output
Comments
Post a Comment