Signup form with inline email validation
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- UI-0004
- Domain
- UI components
- Difficulty
- medium
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: claude-haiku-4-5 at 0.0%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Build a self-contained signup form as a single HTML file (`index.html`) that renders with no build step and no network calls (inline all CSS and JS). Requirements: - an email input and a submit button inside a form, - inline client-side validation that runs on submit and does not reload the page: submitting with an empty or invalid email reveals a visible error message (use role="alert" for the error), and the input is marked aria-invalid="true", - submitting a valid email reveals a visible success message (use role="status") and clears the error. Do not rely on the browser's native required-field popup; show your own inline message element. Use plain, readable, accessible markup. No external fonts or scripts.