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>

CSS Code

body{
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

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

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).

Image
  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> <in...
Read more