Scribd
Upload
6 views

cssForm

Uploaded by

pawanisneha2
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

cssForm

Uploaded by

pawanisneha2
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

<html>

<head>
<style>
body{
background-color:darkgrey;

}
label
{
color: blueviolet;
}
h2{
color: brown;
}
textarea
{
width: 100%;
background-color: chartreuse;
}

input[type="date"],[type="text"]{
border-color: aqua;
}
input[type="submit"] {

padding: 10px;
margin: 5px 0;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;

input[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<h2><u>Basic Information</u></h2>
<form>
<table>
<tr>
<td><label for="fullName">Full Name:</label></td>
<td><textarea id="fullName" name="fullName" rows="3" cols="50" required> </textarea></td>
</tr>
<tr>
<td><label for="dob">Date of Birth:</label> </td>
<td><input type="date" id="dob" name="dob"></td>
</tr>
<tr>
<td><label for="gender">Gender:</label> </td>
<td><input type="radio" id="male" name="gender">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender">
<label for="female">Female</label></td>
</tr>
<tr>
<td><label for="contactInfo">Contact Information:</label></td>
<td><label for="phone">Phone:</label>
<input type="text" id="phone" name="phone"><br>
<label for="email">Email:</label>
<input type="text" id="email" name="email"></td>
</tr>
<tr>
<td><label for="address">Home Address:</label></td>
<td><input type="text" id="address" name="address"><br>
<input type="text" id="address" name="address"><br>
<input type="text" id="address" name="address"></td>
</tr>
</table>

<h2><u>Academic Information</u></h2>
<table>
<tr>
<td><label for="previousSchools">Previous School(s) Attended:</label> </td>
<td><input type="text" name="previousSchools"></td>
</tr>
<tr>
<td><label for="favoriteSubjects">Favorite Subjects:</label> </td>
<td><select id="Subjects" name="Subjects">
<option value="sinhala">Sinhala</option>
<option value="Mathematics">Mathematics</option>
<option value="Science">Science</option>
<option value="History">History</option>
<option value="English">English</option>
<option value="ict">ICT</option>
<br><br>
</select> </td>
</tr>
<tr>
<td><label>Interests:</label> </td>
<td><input type="checkbox" id="sports" name="interests" value="sports">
<label for="sports">Sports</label>
<input type="checkbox" id="music" name="interests" value="music">
<label for="music">Music</label>
<input type="checkbox" id="reading" name="interests" value="reading">
<label for="reading">Reading</label>
<input type="checkbox" id="writing" name="writing" value="writing">
<label for="reading">Writing</label>
<input type="checkbox" id="Singing" name="Singing" value="Singing">
<label for="reading">Singing</label>
<input type="checkbox" id="Swimming" name="Swimming" value="Swimming">
<label for="reading">Swimming</label>
</td>
</tr>
</table>
<br><br><br>

<input type="submit" value="Submit"><br>


</form>
</body>
</html>

You might also like