← Voltar à biblioteca
Formulários

Campo de senha

Password field

Um campo que oculta visualmente uma credencial durante a digitação.

Exemplo didático · Experimente os controles acima

Quando usar

Receber senhas com ajuda de gerenciadores de credenciais.

Cuidados e acessibilidade

Permita colar e usar gerenciadores. O botão de mostrar senha precisa ter nome acessível.

Partes e comportamento

Rótulo, campo oculto, opção de revelar e instruções relevantes.

Não confunda

Ocultar a senha é uma proteção visual; não substitui transmissão e armazenamento seguros.

Exemplo de código

<label for="senha">Senha</label>
<input type="password" id="senha" name="senha" autocomplete="current-password">

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

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR