0% found this document useful (0 votes)
11 views7 pages

Date:: Ex:No:1

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
11 views7 pages

Date:: Ex:No:1

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Ex:No:1

Date:

Aim:

Procedure:
Program:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>Movie Ticket Booking System</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

background-image: url("img2.png");

margin: 0;

padding: 0;

display: flex;

align-items: center;

justify-content: center;

height: 100vh;

#login-container {

background-color: #fff;

border-radius: 8px;

padding: 20px;

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

#login-form {

display: flex;
flex-direction: column;

label {

margin-bottom: 8px;

input {

padding: 8px;

margin-bottom: 16px;

border: 1px solid #ccc;

border-radius: 4px;

button

padding: 10px;

background-color: #2f00ff;

color: #fff;

border: none;

border-radius: 4px;

cursor: pointer;

button:hover

background-color: #00b309;

</style>

</head>

<body>

<div id="login-container">
<h2>Signup to Movie Ticket Booking System</h2>

<form id="login-form">

<label for="username">Username</label>

<input type="text" id="username" name="username" required>

<label for="email">Email</label>

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

<label for="password">Password</label>

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

<label for="address">Address</label>

<input type="address" id="address" name="address" required>

<label for="age">Age</label>

<input type="age" id="age" name="age" required>

<button type="button" onclick="login()">Login</button>

<br></br>

<br></br>

</form>

</div>

<script>

function login(){

var username = document.getElementById("username").value;

var password = document.getElementById("email").value;

var password = document.getElementById("password").value;

var password = document.getElementById("address").value;

var password = document.getElementById("age").value;

if (username === "" ||email=="" || password === ""|| address===""|| age==="")

{
alert("Please enter all fields.");

return;

alert("Your Account was created Successfully");

</script>

</body>

</html>
Output
Result

You might also like