simple
a basic login form that will POST the input values on submit
simple (spec)
a basic login form that is structured to conform with the standard autocomplete spec, and contains valid autocomplete attributes on all fields and will POST the input values on submit
iframe
a login form nested within an inline frame (iframe) that will POST on submit
iframe (nested)
two sibling iframed login forms nested within a series of inline frames (iframe) that will POST on submit. Intermediate depth can be specified with a query string param of `depth` and integer value (e.g. `depth=6`). Intermediate depth defaults to a value of "3".
iframe (sandboxed)
a login form nested within an inline frame (iframe) utilizing the sandbox attribute which is set to `allow-scripts allow-forms allow-same-origin` - it will POST on submit
bare inputs
bare inputs without an enclosing `<form>` tag that will POST the input values on submit (via `fetch`)
hidden
a form that is not part of the DOM until the user clicks the toggle to show it
input constraints
a login form with input constraints that will disallow automated or manual entry of non-matching value patterns - it will POST the input values on submit
honeypot login
a login form with hidden "honeypot" inputs (for bot detection) that should remain empty - it will POST the input values on submit
HTTP basic auth
a resource protected by HTTP basic authentication, prompting for credentials through the browser's native dialog
security code
A form that expects an authenticator security code
security code (device)
A form that expects a code filled by a security HID
security code (multi-input)
A form that requires a security code with each numerical digit as it's own input
security code (signposted)
A form that expects an authenticator security code and has a single input signposted with an `autocomplete` attribute value of `one-time-code`
security questions
a login form requiring an email, password, and an answer to a security question
login field
a sign-in form whose username field is named login, with username and current-password autocomplete
zaloguj się
a Polish sign-in form with username, password, and a remember-me checkbox
nazwa lub e-mail
a sign-in form whose identifier field is named username_or_email
email first
an email-first sign-in form with a hidden password field present in the same form
opaque ids
a sign-in form whose fields use generated ids and a userLoginId name
anmelden
a German sign-in form with unlabeled email and password fields that rely on placeholders
JSF names
a sign-in form using colon-separated control names, no labels, and autocomplete off
tabela
a Polish sign-in form laid out with table, tr, and td elements
přihlášení tabulka
a Czech sign-in form laid out with table, th, and td elements
fieldset
a Polish sign-in form inside a fieldset with labels placed after the inputs and autocomplete off
hashed ids
a sign-in form whose ids are generated hashes rather than semantic names
name i pass
a Polish sign-in form using name and pass field names with edit- prefixed ids
z kodem
a sign-in form that includes username, password, and a two-factor code field on the same page
zapamiętaj nazwę
a sign-in form with unlabeled username and password fields and a remember-username checkbox
a Polish sign-in form using email and current-password autocomplete with Polish placeholders
email as username
a sign-in form whose email field uses autocomplete username and includes a password visibility toggle
lista definicji
a sign-in form whose fields are wrapped in definition list elements
anmelden tabelle
a German sign-in form using a layout table with th labels and nested font elements
implicit labels
a sign-in form whose labels wrap their inputs instead of using for attributes
legend
a Polish sign-in form that groups email and password in fieldsets with legends
nameless
a sign-in form whose fields have ids and autocomplete but no name attributes
link e-mail
a Polish sign-in form that only asks for an email address to send a login link
zagnieżdżona tabela
a Polish sign-in form built from nested tables with colgroup, caption, thead, and tbody
pole v th
a Czech sign-in form whose inputs live inside th cells instead of td
formular-attribut
a German sign-in form whose table fields sit outside the form and are linked with the form attribute
ambiguous
bare inputs without an enclosing `<form>` tag that will POST the input values on submit (via `fetch`)
ARIA modal focus-trap
a login form inside a focus-trapping ARIA modal (`role="dialog" aria-modal="true"`, not a native `<dialog>`) that will POST the input values on submit
autocomplete off
a basic login form using the `autocomplete` attribute with a value of `off` on it's inputs, that will POST the input values on submit
shadow-root inputs (closed)
a basic login form within an open shadow-root with inputs within closed shadow-roots. The form will POST the input values on submit. Values in the closed shadow root inputs are mirrored to transparent output nodes for programmatic observability.
shadow-root inputs (open)
a login form which utilizes (Material Web) inputs within (open) shadow roots - it will POST the input values on submit
top-layer dialog
a login form within a top-layer dialog (with a styled `::backdrop` pseudo-element) that will POST the input values on submit
top-layer popover
a login form that opens within a top-layer popover that will POST the input values on submit