This form has no JavaScript

Nursery

Out of the press, the form specimens come alive. Everything below — suggestions as you type, validation with an error message, field grouping, a date picker, a colour picker, measurement bars — comes from the browser. The whole page has zero bytes of script.

Identification

Specimen name required Lowercase letters only, without the angle brackets. Try submitting with the field empty or with a number: the one complaining is the browser, because of required and pattern.

Who collected it at least 3 letters

Email to send the record back to type="email" changes the keyboard on a phone and refuses the submission if the at-sign is missing.

Classification

Drawer

Rarity common uncommon forgotten

Where you found it in the specification in someone else's code by accident

Measurements

Days in the press 7 days — the number only moves with script

Drying 7 de 14 dias

Drawer occupancy 13 de 30

Collection date

Label colour

Notes

Field notes

What the browser did on its own

Validation with an error message: required, minlength, pattern and type="email" block the submission, point at the offending field and write the message in the person's own language.
Autocomplete with 30 suggestions: A <datalist> generated from the catalogue itself, with no in-memory search and no request.
Date and colour pickers: Native calendar and palette, with keyboard and screen reader already sorted.
The number beside the slider: This is the page's honest limit: <output> shows the initial value, but following the drag needs script. It is the only thing here that does not work without it.