Scribd
Upload
16 views2 pages

Reg PHP

earning app

Uploaded by

Mufti Talha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views2 pages

Reg PHP

earning app

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration</title>
<link rel="stylesheet" href="reg.css?v=1731765167">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0-beta3/css/all.min.css">
</head>

<body>
<div class="registration-container box">
<h2>Sign Up</h2>
<p class="referral-info">Referred by: Tayyab Lucky</p>

<form action="" method="POST">


<div class="form-group">
<input type="text" id="name" name="name" placeholder="Enter your
Name" required>
</div>
<div class="form-group">
<input type="email" id="email" name="email" placeholder="Enter your
Email" required>
</div>
<div class="form-group">
<input type="tel" id="phone" name="phone" placeholder="Enter your
Phone" required>
</div>
<div class="form-group">
<input type="password" id="password" name="password"
placeholder="Enter your Password" required>
<i class="fas fa-eye toggle-password" id="togglePassword"></i>
</div>
<div class="form-group">
<input type="password" id="confirm_password"
name="confirm_password" placeholder="Confirm your Password"
required>
<i class="fas fa-eye toggle-password"
id="toggleConfirmPassword"></i>
</div>
<button type="submit">Submit</button>
<div class="signup">
<p>Already Have an Account? <a href="login.php">Sign In</a></p>
<p><a href="upgrade.php">Buy Package</a> If You Already Registered?
</p>
</div>
</form>
</div>
<script>
// Toggle password visibility script here
const togglePassword = document.querySelector('#togglePassword');
const password = document.querySelector('#password');

togglePassword.addEventListener('click', function() {
// Toggle the type attribute
const type = password.getAttribute('type') === 'password' ? 'text' :
'password';
password.setAttribute('type', type);

// Toggle the eye icon


this.classList.toggle('fa-eye-slash');
});

const toggleConfirmPassword = document.querySelector('#toggleConfirmPassword');


const confirmPassword = document.querySelector('#confirm_password');

toggleConfirmPassword.addEventListener('click', function() {
// Toggle the type attribute
const type = confirmPassword.getAttribute('type') === 'password' ? 'text' :
'password';
confirmPassword.setAttribute('type', type);

// Toggle the eye icon


this.classList.toggle('fa-eye-slash');
});
</script>
</body>

</html>

You might also like