Scribd
Upload
8 views4 pages

Registration Form HTML Template

This document is an HTML code for a registration form with a light blue background and a navy header. It includes fields for first name, last name, email, password, date of birth, gender, country selection, and a bio section, along with submit and reset buttons. The form is styled with CSS for layout and appearance.

Uploaded by

abhi5gnan
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
8 views4 pages

Registration Form HTML Template

This document is an HTML code for a registration form with a light blue background and a navy header. It includes fields for first name, last name, email, password, date of birth, gender, country selection, and a bio section, along with submit and reset buttons. The form is styled with CSS for layout and appearance.

Uploaded by

abhi5gnan
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

4)

<!DOCTYPE html>

<html>

<head>

<title>Registration Form</title>

<style>

body {

background-color: lightblue;

font-family: Arial;

h2 {

text-align: center;

color: navy;

font-size: 24px;

table {

background: white;

padding: 20px;

border-radius: 8px;

margin: auto;

box-shadow: 0 0 8px gray;

td {

padding: 8px;

font-size: 14px;

color: black;

input, select, textarea {

width: 100%;

padding: 8px;

font-size: 14px;
}

.btn {

background: green;

color: white;

border: none;

padding: 10px;

width: 100px;

.reset {

background: red;

</style>

</head>

<body>

<h2>Registration Form</h2>

<form>

<table>

<tr>

<td>First Name:</td>

<td><input type="text" required></td>

</tr>

<tr>

<td>Last Name:</td>

<td><input type="text" required></td>

</tr>

<tr>

<td>Email:</td>
<td><input type="email" required></td>

</tr>

<tr>

<td>Password:</td>

<td><input type="password" required></td>

</tr>

<tr>

<td>DOB:</td>

<td><input type="date"></td>

</tr>

<tr>

<td>Gender:</td>

<td>

<input type="radio" name="g"> Male

<input type="radio" name="g"> Female

</td>

</tr>

<tr>

<td>Country:</td>

<td>

<select>

<option>USA</option>

<option>Canada</option>

<option>UK</option>

<option>India</option>

</select>

</td>
</tr>

<tr>

<td>Bio:</td>

<td><textarea rows="3"></textarea></td>

</tr>

<tr>

<td colspan="2" style="text-align:center;">

<input class="btn" type="submit" value="Register">

<input class="btn reset" type="reset" value="Reset">

</td>

</tr>

</table>

</form>

</body>

</html>

You might also like