Forms With CSS
Forms With CSS
DOCTYPE html>
<html>
<head>
<title>
forms
</title>
</head>
<style>
.headings {
font-size: 20px;
color: red;
text-align: center;
text-decoration: underline;
}
#register-form {
margin: auto;
/*#register-form tr td,
input,
select,
textarea {
font-size: 20px;
}*/
#register-form input,
select {
width: 100px;
}
#register-form {
border: 1px solid green;
padding: 10px;
background-color: yellow;
}
</style>
<body>
<h1 class="headings">Form Learning</h1>
<form action="register.jsp" method="post">
<table id="register-form">
<tr>
<td>
Enter Name
</td>
<td>
<input type="text"
placeholder="Enter Name here"
name="user_name" >
</td>
</tr>
<tr>
<td>
Enter password
</td>
<td>
<input type="password"
placeholder="Enter Password here"
name="password">
</td>
</tr>
<tr>
<td>select DOB</td>
<td><input type="date" name="dob"
id="dob"></td>
</tr>
<tr>
<td>Select Gender</td>
<td><input type="radio"
name="gender">Male
<input type="radio"
name="gender">Female
</td>
</tr>
<tr>
<td>Select course</td>
<td>
<select name="course" id="select"
size="1">
<option value="Java">Java
Programming</option>
<option value="Dotnet">DotNet
Programming</option>
<option value="Python">Python
Programming</option>
<option value="CPP">C++
Programming</option>
</select>
</td>
</tr>
<tr>
<td> Enter Address </td>
<td>
<textarea placeholder="Enter address here"
name="address"
id="address"
style="width:200px; height:200px;"></textarea>
</td>
</tr>
<tr>
</td>
<td>
<input type="submit">
<input type="reset">
</td>
</tr>
</table>
</form>
</body>