[Autofill] login page with identity (#336)

dbajpeyi · web-flow · commit e2f0116ddde6 · 2025-10-02T13:55:58.000+02:00
* autofill login page with identity

* remove required attribute
diff --git a/autofill/login-with-identity.html b/autofill/login-with-identity.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Identity Login Form</title>
+    <link rel="stylesheet" href="../style.css" />
+</head>
+<body>
+    <p><a href="../index.html#autofill">[Home]</a></p>
+
+    <div class="dialog">
+        <h2>Login to Your Account</h2>
+        <p>Enter your credentials to sign in</p>
+        
+        <form id="login-form" action="/login">
+            <fieldset>
+                <label for="first-name">First Name</label>
+                <input id="first-name" type="text" autocomplete="given-name">
+                
+                <label for="last-name">Last Name</label>
+                <input id="last-name" type="text" autocomplete="family-name">
+                
+                <label for="login-email">Email</label>
+                <input id="login-email" type="email" autocomplete="username">
+                
+                <label for="login-password">Password</label>
+                <input id="login-password" type="password" autocomplete="current-password">
+                
+                <button type="submit">Log In</button>
+            </fieldset>
+        </form>
+    </div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -100,6 +100,7 @@ <h2 id="autofill">Autofill</h2>
 	<li><a href="./autofill/password-update.html">Password update/reset forms</a></li>
 	<li><a href="./autofill/shadow-dom.html">Forms within shadow DOM</a></li>
 	<li><a href="./autofill/credit-card-various-inputs.html">Credit card form with various inputs and focus events</a></li>
+	<li><a href="./autofill/login-with-identity.html">Login with identity</a></li>
 	<li>
 		Autoprompt credentials autofill when a login form is front and center
 		<ul>
