3
respostas

mudança da tag <div> para <fieldset>

Olá!

quando troquei a tag

por ele cria uma caixa. o que pode estar errado?
<!DOCTYPE html>

Logo da Barbearia Alura

            <nav>
            <ul>

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

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

          <label for="email">Email</label>
          <input type="email" id="email" class="input-padrao" required placeholder="seuemail@dominio.com">

          <label for="telefone">Telefone</label>
          <input type="tel" id="telefone" class="input-padrao" required placeholder="(xx) xxxxx-xxxx">

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

        <fieldset>
            <legend>Como prefere o nosso contato?</legend>

            <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" checked>WhatsApp</label>
        </fieldset>

        <fieldset>
            <legend>Qual horário prefere ser atendido?</legend>
            <select>
            <option>Manhã</option>
            <option>Tarde</option>
            <option>Noite</option>
            </select>
        </fieldset>
        <label><input type="checkbox" class="checkbox" checked>Gostaria de receber nossas novidades por email?</label>

          <input type="submit" value="Enviar formuário">
      </form>
    </main>

    <footer>
        <img src="logo-branco.png" alt="Logo da Barbearia Alura">
        <p class="copyright">&copy; copyright Barbearia Alura - 2019</p>
    </footer>

</body>
3 respostas

Boa noite Josenilton, O comportamento da tag

é este mesmo, ele agrupa e faz a separação, e em conjunto com a tag para identificar cada parte do seu formulário.

Obrigado pela informação. talvez eu tenha me expressado mal.

Com a tag

Como prefere o nosso contato? Email Telefone WhatsApp

Qual horário prefere ser atendido? Manhã Gostaria de receber nossas novidades por email?

Com a tag <fieldset> aparecem dois retângulos que não deveriam aparecer: um envolvendo a primeira pergunta e outro para a segunda.

Certo, já que você não deseja essa separação, basta remover a tag fieldset. Lembrando que está tag agrupa e cria essa caixa em retângulo