Create a Student registration form using following tags form,input,textarea,button,select,optio. The registration form must consist of following information: first name,Middle name,last name, gender(use radio button),address,phone no,email id,hobbies(use checkbox),city,state,country,collage name (use dropdown menu).
Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Registration Form</title>
</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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Registration Form</title>
</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>
Output
Comments
Post a Comment