Placeholder added

issue resolved: #368
swaraj-das · Oct 15, 2024 · 6d450f3 · 6d450f3
1 parent 09cc963
commit 6d450f3
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git 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
@@ -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
@@ -510,6 +510,8 @@ a {
   }
 }
 
-
+::placeholder {
+  color: white;
+}
 
 
diff --git 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="">
-Original file line number
+Diff line change
@@ Expand Up / @@ -510,6 +510,8 @@ a { @@
       }
     }
+    ::placeholder {
+      color: white;
+    }