Scribd
Upload
102 views

HTML of Simple Registration Form

The document contains an HTML registration form with fields for name, email, password, and confirm password. The form uses CSS for styling and layout within a container div.

Uploaded by

rustomarado
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
102 views

HTML of Simple Registration Form

The document contains an HTML registration form with fields for name, email, password, and confirm password. The form uses CSS for styling and layout within a container div.

Uploaded by

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

<!

DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8”>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>

<title>Registration Form</title>

<style>

Body {

Font-family: Arial, sans-serif;

Background-color: #f4f4f4;

Padding: 20px;

.container {

Max-width: 500px;

Margin: auto;

Background-color: #fff;

Padding: 20px;

Border-radius: 5px;

Box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

.form-group {

Margin-bottom: 20px;

.form-group label {

Display: block;

Margin-bottom: 5px;

.form-group input {

Width: 100%;
Padding: 8px;

Border: 1px solid #ccc;

Border-radius: 5px;

.form-group button {

Padding: 10px;

Background-color: #4caf50;

Color: #fff;

Border: none;

Border-radius: 5px;

Cursor: pointer;

</style>

</head>

<body>

<div class=”container”>

<h2>Registration Form</h2>

<form action=”#” method=”POST”>

<div class=”form-group”>

<label for=”name”>Name:</label>

<input type=”text” id=”name” name=”name” required>

</div>

<div class=”form-group”>

<label for=”email”>Email:</label>

<input type=”email” id=”email” name=”email” required>

</div>

<div class=”form-group”>

<label for=”password”>Password:</label>

<input type=”password” id=”password” name=”password” required>


</div>

<div class=”form-group”>

<label for=”confirm_password”>Confirm Password:</label>

<input type=”password” id=”confirm_password” name=”confirm_password” required>

</div>

<div class=”form-group”>

<button type=”submit”>Register</button>

</div>

</form>

</div>

</body>

</html>

You might also like