Scribd
Upload
7 views

cssForm

Uploaded by

pawanisneha2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

cssForm

Uploaded by

pawanisneha2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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