Passo 7

Instruções

Agora é hora de adicionar os elementos do formulário para coletar as informações da nota do aluno. Comece adicionando outro elemento label com o texto Student Grade: e o atributo for definido como "grade". Então, abaixo do seu elemento label, adicione um elemento input com o atributo type definido como "number". Os atributos name e id devem ser definidos como "grade". O atributo placeholder deve ser definido como "E.g., 4". Por fim, seu input do tipo número deve ser obrigatório.

O que fazer:

Testes:

Você deve ter um total de dois elementos `label` na página.
Seu segundo elemento `label` deve ter o texto `Student Grade: `. Não esqueça o espaço após os dois pontos.
Seu segundo elemento `label` deve ter um atributo `for`.
O atributo `for` do seu segundo elemento `label` deve ter o valor `"grade"`.
Você deve ter dois elementos `input` na página.
Seu segundo elemento `input` deve estar abaixo do seu segundo elemento `label`.
Seu segundo elemento `input` deve ter um atributo `type` definido como `"number"`.
Seu segundo elemento `input` deve ter um atributo `name` definido como `"grade"`.
Seu segundo elemento `input` deve ter um atributo `id` definido como `"grade"`.
Seu segundo elemento `input` deve ter um atributo `placeholder` definido como `"E.g., 4"`.
Seu segundo elemento `input` deve ter um atributo `required`.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Parent Teacher Conference Form</title>
  <link rel="stylesheet" href="./styles.css" />
</head>

<body>
  <main class="container">
    <h1 class="title center">Parent Teacher Conference Form</h1>
    <p class="description center">Please fill out the form below to help schedule your parent-teacher conference.</p>

    <form>
      <fieldset>
        <legend>Student Information</legend>
        <label for="student-name">Full Name: </label>
        <input
            type="text"
            name="student-name"
            id="student-name"
            required
            placeholder="E.g., Jane Doe"
          />
        
        
        
      </fieldset>
    </form>
  </main>
</body>

</html>

Preview