2
respostas

Função clica em um, desmarca o outro não está funcionando...

<!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= "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">

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

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

                <input type="submit" value=" Enviar formulario">
                <label for ="mensagem"> Mensagem</label>

                    <textarea cols="70" rows ="10"></textarea>
                <div>
                    <p>Como prefere o nosso contato?            
                    <label for="radio-email">Email</label>
                    <input type="radio"nome="contato" value="email" id="radio-email">

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

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

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

        <footer>
            <img src="logo-branco.png">

            <p class = "copyright">&copy; Copyright Barbearia Alura - 2020</p>
        </footer>
    </body>    
</html>insira seu código aqui
2 respostas

Olá, Rogers! Você precisa corrigir este trecho do seu código:

<label for="radio-email">Email</label>
<input type="radio"nome="contato" value="email" id="radio-email">

O nome do atributo não é nome, é name. Com isso, todos os botões estarão no mesmo "grupo de botões", em que apenas um será selecionado por vez. :)

kkk nossa!!  obrigado!! rsrs