0% found this document useful (0 votes)
8 views

Forms With CSS

The document is an HTML form designed for user registration, featuring fields for name, password, date of birth, gender selection, course selection, and address input. It includes styling for layout and appearance, such as a yellow background and red headings. The form allows users to submit their information or reset the fields.

Uploaded by

soundsoulfull
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views

Forms With CSS

The document is an HTML form designed for user registration, featuring fields for name, password, date of birth, gender selection, course selection, and address input. It includes styling for layout and appearance, such as a yellow background and red headings. The form allows users to submit their information or reset the fields.

Uploaded by

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

<!

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 style="text-align: right;">


<input type="checkbox" name=""
id="">
</td>
<td>Accept Terms and Conditions</td>
</tr>
<tr>
<td>

</td>
<td>
<input type="submit">
<input type="reset">
</td>

</tr>
</table>

</form>
</body>

You might also like