1
resposta

Envolvi o select com label para que ao clicar no texto, ele já marque a caixa

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Contato</title>

    <link rel="stylesheet" href="reset.css" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <div class="caixa">
        <h1><img src="logo.png" /></h1>

        <nav>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="produtos.html">Produtos</a></li>
            <li><a href="contato.html">Contato</a></li>
          </ul>
        </nav>
      </div>
    </header>

    <main>
      <form>
        <label for="nomesobrenome">Nome e Sobrenome</label>
        <input type="text" id="nomesobrenome" class="input-padrao" />

        <label for="email">E-mail</label>
        <input type="text" id="email" class="input-padrao" />

        <label for="telefone">Telefone</label>
        <input type="text" id="telefone" class="input-padrao" />

        <label for="mensagem">Mensagem</label>
        <textarea
          cols="70"
          rows="10"
          id="mensagem"
          class="input-padrao"
        ></textarea>

        <fieldset>
          <label>
            <p>Qual meio prefere ser contatado?</p>
            <label for="radio-email"
              ><input
                type="radio"
                name="contato"
                value="email"
                id="radio-email"
              />Email</label
            >

            <label for="radio-telefone">
              <input
                type="radio"
                name="contato"
                value="telefone"
                id="radio-telefone"
              />Telefone</label
            >

            <label for="radio-whatsapp">
              <input
                type="radio"
                name="contato"
                value="whatsapp"
                id="radio-whatsapp"
              />
              Whatsapp</label
            >
          </label>
        </fieldset>

        <section>
          <label class="text-select"
            ><p>Qual horário pretende ser atendido?</p>
            <select>
              <option value="option-manha">Manhã</option>
              <option value="option-tarde">Tarde</option>
              <option value="option-noite">Noite</option>
            </select>
          </label>
        </section>
        <label
          ><input type="checkbox" class="checkbox" /> Gostaria de receber nossas
          novidades?</label
        >

        <input type="submit" name="contato" value="Enviar formulário" />
      </form>
    </main>

    <footer>
      <img src="logo-branco.png" />
      <p class="copyright">&copy; Copyright Barbearia Alura - 2019</p>
    </footer>
  </body>
</html>
1 resposta

Oi Marcio, tudo bem?

Parabéns por praticar, muito bom que você está escrevendo o seu próprio código, essa é uma ótima maneira de consolidar o seu conhecimento. E muito obrigada por postar aqui o seu código.

Espero que esteja gostando da experiência de aprendizado.

Um abraço e bons estudos.