Build forms faster

October 22, 2026•7 min read

Fix Astro contact forms after ClientRouter navigation with an idempotent lifecycle handler, native POST fallback, accessible status messages, and tested code.

October 21, 2026•6 min read

Keep the clicked submit button's value with event.submitter and FormData. Try a complete browser demo and fix values lost when buttons are disabled too soon.

October 20, 2026•8 min read

Build a local PDF picker with file-size checks, accessible errors, and reset handling. Learn why accept and MIME types cannot prove a file is safe.

October 19, 2026•6 min read

Validate multiple email addresses in one HTML input. Test commas, invalid lists, a count limit, and the exact FormData value with a complete local demo.

October 19, 2026•7 min read

Fix required radio groups with shared names, explicit values, and accessible labels. Test empty selections, keyboard input, and FormData in a local checker.

October 17, 2026•6 min read

Fix textarea line breaks that disappear in a preview. Use textContent and CSS pre-wrap, keep user input as plain text, and test a complete HTML example.

October 16, 2026•7 min read

Build a confirm email field that catches mismatches, clears stale errors, and works with Enter. Test the exact HTML example without confusing matching with verification.

October 15, 2026•7 min read

Choose inputmode and enterkeyhint for HTML forms. Test keyboard hints separately from validation with a complete local demo and a mobile debugging checklist.

October 13, 2026•7 min read

Compare checkValidity() and reportValidity() with a working HTML lab. Debug invalid events, clear custom errors, and separate validation from form submission.

October 12, 2026•7 min read

Debug HTML minlength and maxlength with a runnable form. Test empty fields, emoji, scripted values, and native validation without sending a submission.

October 11, 2026•7 min read

Choose the right HTML form enctype, inspect URL-encoded and multipart bodies in a local demo, and fix file uploads without breaking Content-Type boundaries.

October 10, 2026•7 min read

Learn how HTML input pattern matches a whole value, handles empty fields, and uses the v flag. Build a local checker with clear, accessible format hints.