Olá, pessoal! Nessa vigésima primeira aula do treinamento, iremos criar nosso formulário.
No arquivo principal.html, implemente a seguinte estrutura:
<!-- Formulário -->
<form>
<input type="hidden">
<input type="text" placeholder="Nome" class="form-control">
<input type="number" placeholder="Nota 1" class="form-control">
<input type="number" placeholder="Nota 2" class="form-control">
<input type="button" class="btn btn-primary">
<input type="button" class="btn btn-primary">
<input type="button" class="btn btn-primary">
<input type="button" class="btn btn-primary">
</form>
No arquivo principal.css, teremos o seguinte código:
form{
width: 50%;
margin: 0 auto;
text-align: center;
}
form input{
margin-top: 10px;
}
form input[type="button"]{
margin-left: 10px;
}
Abaixo compartilho nossa aula no YouTube, onde ensino criar e customizar o formulário: