Entrar Ainda não tem acesso?
2
respostas

Por que no meu código a label não aceitar o click pra iniciar o input?

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Começando um formulário e atividade Campos básicos

por Ellielton Gama Vieira
| 169.2k xp | 110 posts
operador de roçadeira 
<!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="email">Email</label>
                <input type="text"  id"email">

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

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


            </form>
        </main>
        <footer>
            <img src="logo-branco.png">
            <p class="copyright">&COPY; Copyright Barbearia Alura - 2022</p>
        </footer>
    </body>
</html>
2 respostas
por Ergon Zamarian Lima
| 54k xp | 29 posts
Desenvolvedor .NET

Olá, boa noite Ellielton,

Tudo bem ?

Então, ele não está aceitando pois falta um símbolo de igual "=" após o id de cada input

O correto seria:

    <label for="nomesobrenome">Nome e sobrenome</label>
    <input type="text"  id="nomesobrenome">

    <label for="email">Email</label>
    <input type="text"  id="email">

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

Se isso resolver seu problema não esqueça de marcar o tópico como resolvido e bons estudos :D

por Ellielton Gama Vieira
| 169.2k xp | 110 posts
operador de roçadeira

O interessante é que tentando resolver esse problema eu copiei esa parte do código direto da aula e mesmo assim não deu certo. Assim que chegar em casa vou analizar-lo novamente. Obrigado!