Input & Label
Lição 2 de 7 do curso Formulário de Login - Projeto HTML/CSS da Coddy.
A tag <input> é um contêiner para diferentes tipos de elementos de entrada, tais como: campos de texto, caixas de seleção, botões de rádio, botões de envio, etc.
Defina o tipo usando o atributo type,
<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">É uma boa prática adicionar a tag <label> ao input,
<label for="password">Password:</label>
<input type="text" id="password">Observe que o atributo for deve corresponder ao atributo id do input para vinculá-los.
Desafio
FácilAdicione dois elementos de entrada com rótulos, com os ids "username" e "password", defina os tipos das entradas como "text" e "password" - não se esqueça de vincular cada rótulo à sua respectiva entrada.
Sugere-se adicionar tags <br/> para dar espaçamento entre tudo!
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>