Este formulário não tem JavaScript

Viveiro

Fora da prensa, os espécimes de formulário ficam vivos. Tudo o que você encontra abaixo — sugestões enquanto digita, validação com mensagem de erro, agrupamento de campos, seletor de data, seletor de cor, barras de medida — vem do navegador. A página inteira tem zero byte de script.

Identificação

Nome do espécime obrigatório Só letras minúsculas, sem os sinais de menor e maior. Tente enviar com o campo vazio ou com um número: quem reclama é o navegador, por causa de required e pattern.

Quem coletou mínimo de 3 letras

E-mail para devolver a ficha type="email" muda o teclado no celular e recusa o envio se faltar o arroba.

Classificação

Gaveta

Raridade comum incomum esquecido

Onde encontrou na especificação em código alheio por acaso

Medidas

Dias de prensa 7 dias — o número só muda com script

Secagem 7 de 14 dias

Ocupação da gaveta 13 de 30

Data da coleta

Cor da etiqueta

Observações

Notas de campo

O que o navegador fez sozinho

Validação com mensagem de erro: required, minlength, pattern e type="email" barram o envio, apontam o campo culpado e escrevem a mensagem no idioma da pessoa.
Autocompletar com 30 sugestões: Um <datalist> gerado a partir do próprio catálogo, sem busca em memória e sem requisição.
Seletores de data e de cor: Calendário e paleta nativos, com teclado e leitor de tela já resolvidos.
O número ao lado do controle deslizante: É o limite honesto desta página: o <output> mostra o valor inicial, mas acompanhar o arrasto exige script. É a única coisa aqui que não funciona sem ele.