Create a registration form, using HTML for opening an email account with an organisation. The form asks for the following information:
- Proposed email id (it can be of the type xxxx@abc.in)
- Proposed password (should have a minimum size of 6 characters)
- Name of the person requesting for email account
- City and State of the person requesting for email account (both should be selected from drop down lists, default value for City should be Jaipur and State be Rajasthan)
- desired email services, which can be selected from "Basic Service" or "Advanced Service".
- The form should include a SUBMIT button.
You must also create a CSS file for this form. This CSS file should define font family; a font size of 16 points for headings, and font size of 12 points for normal text; font colour should be dark green for the headings and dark blue for normal text. The background colour of the form should be light grey. Also write the code using JavaScript that validates the data entered in the email id and password fields. Submit the HTML code, JavaScript code and display of form in a browser. You must demonstrate the form at the time of viva.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Account Registration</title>
<link rel="stylesheet" href="styles.css">
<script src="validate.js"></script>
</head>
<body>
<div class="container">
<h1>Register for Email Account</h1>
<form name="registrationForm" onsubmit="return validateForm()" method="post">
<label for="emailId">Proposed Email ID:</label>
<input type="email" id="emailId" name="emailId" required placeholder="xxxx@abc.in"><br><br>
<label for="password">Proposed Password (min 6 characters):</label>
<input type="password" id="password" name="password" required minlength="6"><br><br>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>
<label _____ _____ ___ _____ _______ _______ ________.
________ _____ ________ __________ ________ ______ _____ _______ ___ __________ ___.
____ ______ _________ ________ _________ _______ ______ ______ ___.
________ ______ _______ _____ _____ _____ ________ _________ ________.
______ __________ ________ ___ _________ _____.
___ ________ ________ ___ _______ ___ __________ _________.
________ _____ ________ _________ __________ _________.
__________ __________ ________ __________ _________ _______ _____ ____ _______ _________ _________.
________ ______ ___ ________ __________ ____ ______ ________ ________ ________ _______ __________.
___ ____ ____ ____ ____ __________ _________.
______ ____ ______ ________ _______ ________ _____ ____ _______.
________ ___ _________ ______ _________ _________ ____ _________ _______ ____.
_________ __________ _____ __________ ______ _________ ________ ________ ________ __________.
__________ ________ ______ ___ ___ _______ ____ _____ ____.
______ ________ ______ __________ ____ ____ _____ __________ ____ ________ ________.
________ _________ __________ ________ ________ ________ ________ ________ _________ _________ _______ __________.
_____ _________ ________ ________ ______ _________ ________ ________ __________ ______ ___.
____ _________ ________ _______ _____ ____.
_____ __________ ________ ____ ________ ________.
________ _______ _______ _____ _______ _______ _______ _____ _____ _____ _________.
_____ _______ ____ _____ _____ ___ ___ _____.
___ _______ _________ _____ _________ _________ ____.
_______ _______ _____ _________ ___ _____ ________ ___ ______ _____ ___.
____ _______ ________ _______ ____ _________ __________ _____ __________ _________ ____ _______.
___ ___ __________ _______ _____ ____ ___ ____ ______ _______ _____.
_________ ______ _________ _____ ___ ________ _______.
______ __________ __________ _______ ______.
_______ _________ _________ ________ ________.
_______ _________ _____ ______ ______.
_______ _______ ______ __________ ________ ________ _________.
______ ______ ____ _________ _____ ____ ___ ________.
_______ ____ _________ _________ _______ _________ __________.
__________ _______ ______ ___ ______ ___ __________ ____ ___ __________ __________ _______.
_______ ____ ____ _____ _________ ________ ________ __________ __________ ____.
________ ____ _______ _____ __________ __________ ____ ____ ___ ____.
___ __________ ____ __________ _______ __________.
_________ ___ __________ ________ __________ _______ ___ _____.
_______ ___ ___ _______ _______ _____ ______ _______ ______ ____.
____ __________ ______ ____ ____ ___.
____ _______ _______ ________ ______ ___ _________ ____ _____ __________.
__________ _____ ____ ___ _______ ___ ______ ________ ___ __________.
__________ _________ __________ __________ ____ _______ __________ ___ ____.
________ _________ _______ ___ _____ ___.
________ _________ __________ ___ _________ _______.
_______ _________ __________ _____ __________ ____ __________ _______ _________.
_____ ____ ____ __________ ___ ___ _________ ____ _______ _____ ____ ___.
______ __________ ___ __________ ____ ________ __________ __________ ___ ___.
_________ ________ _________ ________ ____ _______.
________ ________ _________ _____ _______ __________.
_____ _____ _____ _______ __________.
_______ __________ ___ _______ ______ ________ _____ _________ _____ _______.
__________ _______ ____ __________ __________ __________ _________ ______ ___ ___ ________.
_________ ______ _________ ___ ________ ________ ______ _________ ____ ___ _____.
______ ____ _________ ________ ________ ____ ___ ______ _______ ________ _________.
______ _____ _________ _______ ____ ______ ___.
_________ ______ __________ _____ _________ _____ _________ _______ __________ ____.
__________ ________ __________ ____ ____ _________.
__________ ________ __________ _____ __________ _________ ____ ________ _____.
________ _________ _____ _____ _____ _______ ___ __________ ____ __________.
_______ ____ _______ _______ _______.
___ ____ _______ _______ __________.
____ _______ ___ ____ ________ ________ __________ ______ _______ ______ ____ __________.
__________ ________ ____ ________ ___.
____ _____ _______ ______ _______ _________ _______ _____.
___ ______ ______ ______ ______.
_________ ______ ___ ___ _________ _________ ____ _______ _____ _________.
_________ ____ _________ __________ _______.
__________ ____ _____ _____ _________ ___ ____ ________ ____ __________.
__________ ________ ____ ________ _____ _____ __________ _________ _____.
_______ ________ ____ __________ ___ _____.
_____ _______ ___ ______ _______ _______ _______.
____ __________ _____ ____ ___ ______.
______ ________ __________ ____ ____ ____ __________ _______ __________ ___ ____ __________.
_________ _____ ______ ________ ____ _________.
_____ _________ ___ ____ _____.
________ _____ ________ __________ ____ _________ ____ _______ ________.
______ _______ _____ _________ ______ _________ ____ ________ _____ __________ ________ _______.
_________ _____ _____ _________ ________.
__________ _________ _____ _______ ______ ____ ____ _________ ____ ____.
____ ______ ___ ______ _________.
Get Full Answer on WhatsApp