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>


Output




Comments

Post a Comment

Popular posts from this blog

Write A Program To Print Hello World Using Lex

Image
  How to write lex program ? first write a lex program in notepad then save with .l extension. next step is open cmd(Command prompt) then open directory in which your program is saved. then 3 step to run lex program let's see flex filename.l gcc lex.yy.c a.exe Code %{ #include<stdlib.h> %} %% ("hi"|"HI")"\n" {printf("\nHello Sir,Good Morning\n");} ("bye"|"BYE")"\n" {printf("\nBye, Take Care\n");} . {yyerror();} %% int main() { yylex(); return 0; } int yywrap(void) { return 0; } int yyerror(){ printf("Enter hi,HI,bye or BYE"); }
Read more

Apply inline, internal and external style sheet for the student registration form.

Image
  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&qu
Read more