Campo de Senha
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 38 de 60.
No HTML, um campo de senha é um tipo de campo de entrada usado para coletar senhas de usuários.
É semelhante a um campo de entrada de texto comum, mas os caracteres digitados em um campo de senha são mascarados, geralmente exibidos como asteriscos ou pontos. Isso serve para evitar que outras pessoas vejam a senha enquanto ela está sendo digitada.
Para criar um campo de senha, você usa a tag <input> com o atributo type definido como "password".
Aqui está a sintaxe básica para criar um campo de senha em HTML:
<input type="password" name="passwordfield">
Desafio
FácilCrie um documento HTML que inclua um form com um campo de senha. O campo de senha deve ter o name de "userpassword", um type de "password" e um placeholder que diz "Enter your password". Defina o comprimento máximo do campo de senha para 20 caracteres.
Folha de consulta
Um campo de senha é um campo de entrada que mascara os caracteres digitados (exibidos como asteriscos ou pontos) para ocultar as senhas da visualização.
Crie um campo de senha usando a tag <input> com type="password":
<input type="password" name="passwordfield">Atributos adicionais podem ser usados:
placeholder- mostra um texto de dicamaxlength- limita a contagem de caracteres
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<!-- Escreva o código aqui -->
</body>
</html>
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentals
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho
Foto de PerfilSeção Sobre MimLinks Sociais2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de CabeçalhoSeção de Detalhes do EventoFormulário de InscriçãoSeção de Rodapé