← Voltar à biblioteca
Formulários

Código de verificação

One-time password input

Recebe um código temporário de confirmação.

Exemplo didático · Experimente os controles acima

Quando usar

Confirmar uma etapa de autenticação ou verificação.

Cuidados e acessibilidade

Prefira um campo que aceite colar o código completo e indique tempo e tentativas sem ambiguidades.

Partes e comportamento

Rótulo, campo de código e instruções de validade e recuperação.

Não confunda

Código temporário não é o mesmo que senha permanente; validade e recuperação são diferentes.

Exemplo de código

<label for="codigo">Código de verificação</label>
<input id="codigo" name="codigo" inputmode="numeric"
  autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6">

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR