From 6d450f3d6d71d494778906dd7ea676505c68d662 Mon Sep 17 00:00:00 2001
From: Kajal Mehta <mehtakajal796@gmail.com>
Date: Tue, 15 Oct 2024 16:19:07 +0530
Subject: [PATCH] Placeholder added

issue resolved: #368
---
 SignUp/signup.css  |  3 +++
 SignUp/signup.html | 10 +++++-----
 login/login.css    |  4 +++-
 login/login.html   |  4 ++--
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/SignUp/signup.css b/SignUp/signup.css
index 562e3578..feadb229 100644
--- a/SignUp/signup.css
+++ b/SignUp/signup.css
@@ -346,3 +346,6 @@ a {
 .links a:hover {
   text-decoration: underline;
 }
+::placeholder {
+  color: white;
+}
diff --git a/SignUp/signup.html b/SignUp/signup.html
index 4eefc9d2..9d101f1a 100644
--- a/SignUp/signup.html
+++ b/SignUp/signup.html
@@ -27,15 +27,15 @@ <h1>Create Your Account</h1>
         <form action="#" method="post">
             <div class="input-group">
                 <label for="username">Username</label>
-                <input type="text" id="username" name="username" required>
+                <input type="text" id="username" name="username" placeholder="Create a Username" required>
             </div>
             <div class="input-group">
                 <label for="email">Email</label>
-                <input type="email" id="email" name="email" required>
+                <input type="email" id="email" name="email" placeholder="Enter your mail-id" required>
             </div>
             <div class="input-group">
                 <label for="password">Password</label>
-                <input type="password" id="password" name="password" required>
+                <input type="password" id="password" name="password" placeholder="Create password" required>
             </div>
 
             <!-- Password Recommendations Section -->
@@ -45,11 +45,11 @@ <h1>Create Your Account</h1>
                 <p id="lowercase" class="condition">Contains lowercase letters</p>
                 <p id="number" class="condition">Contains numbers</p>
                 <p id="special" class="condition">Contains special characters</p>
-            </div>
+    
 
             <div class="input-group">
                 <label for="confirm-password">Confirm Password</label>
-                <input type="password" id="confirm-password" name="confirm-password" required>
+                <input type="password" id="confirm-password" name="confirm-password" placeholder="Re-enter password" required>
             </div>
             <button type="submit" class="signup-button">Sign Up</button>
         </form>
diff --git a/login/login.css b/login/login.css
index fb1fa497..9ee3c0a0 100644
--- a/login/login.css
+++ b/login/login.css
@@ -510,6 +510,8 @@ a {
   }
 }
 
-
+::placeholder {
+  color: white;
+}
 
 
diff --git a/login/login.html b/login/login.html
index c3958622..5f7b6b41 100644
--- a/login/login.html
+++ b/login/login.html
@@ -36,11 +36,11 @@ <h1>Login to Your Account</h1>
         <form action="#" method="post">
             <div class="input-group">
                 <label for="username">Gmail</label>
-                <input type="text" id="gmail" name="username" required>
+                <input type="text" id="gmail" name="username" placeholder="Enter you mail-id" required>
             </div>
             <div class="input-group password-container">
                 <label for="password">Password</label>
-                <input type="password" id="password" name="password" required>
+                <input type="password" id="password" name="password" placeholder="Enter your passsword" required>
                 <img src="https://i.postimg.cc/vBSg320Y/eye.png" alt="Toggle Password" class="toggle-password" id="toggle-password">
             </div>
             <div ontouchstart="">