Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Name

Mesmo colocando o name="contato" nos três itens do input, eu ainda consigo marcar mais de uma opção na página.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Contato - Barbearia Alura</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="barbearia_alura.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="nomeEsobrenome">Nome e sobrenome</label>
                 <input type="text" id="nomeEsobrenome" class="input-padrao">

                 <label for="email"> Email</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>

                <div>
                    <p>Como prefere o nosso contado?</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="contado" value="telefone" id="radio-telefone">Telefone</label>

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

                </div>
                <p>Qual horário prefere ser atendido?</p>
                <select>
                    <option>Manhã</option>
                    <option>Tarde</option>
                    <option>Noite</option>
                </select>

                <label class="checkbox">
                    <input type="checkbox">
                    Gostaria de receber nossas novidades por email?
                </label>

                 <input type="submit" value="Enviar formulário">

             </form>
         </main>

         <footer>
             <img src="logo-branco.png">
             <p class="copyright">© Copyright Barbearia Alura - 2019</p>
         </footer>
    </body>
</html>
1 resposta
solução!

Acabei de perceber que cometi um erro de sintaxe no seguinte trecho do código:

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

Ao invés de escrever "contato", escrevi "contado". Após consertar o erro, apenas uma opção era marcada na página. O erro foi sintaxe mesmo. d: