← back to Wallco Ai

feat(/samples): add autocomplete + inputmode + enterkeyhint attrs to sample-request form — browsers now offer saved-profile autofill for name/email/phone/company; mobile keyboards show search/Next/send keys; cuts checkout friction

a29cceacd932b8b6758e024b2a5055b9ad01b683 · 2026-05-14 14:45:12 -0700 · SteveStudio2

Files touched

• M server.js

Diff

commit a29cceacd932b8b6758e024b2a5055b9ad01b683
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Thu May 14 14:45:12 2026 -0700

    feat(/samples): add autocomplete + inputmode + enterkeyhint attrs to sample-request form — browsers now offer saved-profile autofill for name/email/phone/company; mobile keyboards show search/Next/send keys; cuts checkout friction
---
 server.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/server.js b/server.js
index 636e889..99f085b 100644
--- a/server.js
+++ b/server.js
@@ -9762,11 +9762,11 @@ ${htmlHeader('/basket')}
       <h2 style="font:300 24px/1.2 var(--serif,Georgia,serif);margin:0 0 6px">Request samples for these ${items.length} designs</h2>
       <p style="font:13px var(--sans,system-ui);color:var(--ink-soft,#555);margin:0 0 18px">We'll send physical swatches or high-res digital proofs. No charge, no obligation. Trade welcome.</p>
       <form id="basket-form" class="sample-form">
-        <label>Your name <input type="text" name="name" required placeholder="Jane Smith"></label>
-        <label>Email <input type="email" name="email" required placeholder="you@example.com"></label>
-        <label>Company / firm (optional) <input type="text" name="company" placeholder="Smith Interiors"></label>
-        <label>Phone (optional) <input type="tel" name="phone" placeholder="+1 (555) 000-0000"></label>
-        <label>Project notes (optional) <textarea name="notes" rows="3" placeholder="Site address, install date, square footage, anything else…"></textarea></label>
+        <label>Your name <input type="text" name="name" required autocomplete="name" enterkeyhint="next" placeholder="Jane Smith"></label>
+        <label>Email <input type="email" name="email" required autocomplete="email" inputmode="email" enterkeyhint="next" placeholder="you@example.com"></label>
+        <label>Company / firm (optional) <input type="text" name="company" autocomplete="organization" enterkeyhint="next" placeholder="Smith Interiors"></label>
+        <label>Phone (optional) <input type="tel" name="phone" autocomplete="tel" inputmode="tel" enterkeyhint="next" placeholder="+1 (555) 000-0000"></label>
+        <label>Project notes (optional) <textarea name="notes" rows="3" enterkeyhint="send" placeholder="Site address, install date, square footage, anything else…"></textarea></label>
         <button type="submit" class="btn-primary">Send sample request (${items.length} ${items.length === 1 ? 'design' : 'designs'})</button>
       </form>
       <div id="basket-result" style="display:none;margin-top:16px;padding:16px;border-radius:4px"></div>
@@ -10621,9 +10621,9 @@ ${htmlHeader('/samples')}
           }
         </select>
       </label>
-      <label>Your name <input type="text" name="name" required placeholder="Jane Smith"></label>
-      <label>Email <input type="email" name="email" required placeholder="you@example.com"></label>
-      <label>Phone (optional) <input type="tel" name="phone" placeholder="+1 (555) 000-0000"></label>
+      <label>Your name <input type="text" name="name" required autocomplete="name" enterkeyhint="next" placeholder="Jane Smith"></label>
+      <label>Email <input type="email" name="email" required autocomplete="email" inputmode="email" enterkeyhint="next" placeholder="you@example.com"></label>
+      <label>Phone (optional) <input type="tel" name="phone" autocomplete="tel" inputmode="tel" enterkeyhint="next" placeholder="+1 (555) 000-0000"></label>
       <label>Message (optional) <textarea name="message" rows="3" placeholder="Any notes about your project…"></textarea></label>
       <button type="submit" class="btn-primary">Send Sample Request</button>
     </form>

← 8abdd79 perf(head): preconnect googletagmanager + dns-prefetch googl  ·  back to Wallco Ai  ·  perf(home): preload hero[0] + first 4 featured card images i 7ffca96 →