3
respostas

Não consigo escrever no formulário

Não sei se é o css, ou qual local que não está me habilitando escrever e ver o que escrevo, parece que me leva para outra pag.

 <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</li>
                     <li><a href="contato.html">Contatos</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">
     </main>

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

     </footer>
 </body>
3 respostas

css:

header { background: #BBBBBB; padding: 20px 0; }

.caixa { position: relative; width: 940px; margin: 0 auto; } nav { position: absolute; top: 110px; right: 0; }

nav li { display: inline; margin: 0 0 0 15px }

nav a { text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; }

nav a:hover { color: #C78C19; text-decoration: underline; }

.produtos { width: 940px; margin: 0 auto; padding: 50px 0; }

.produtos li { display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.50%; padding: 30px 20px; box-sizing: border-box; border: 2px solid #000000; border-radius: 10px; color: #000000; }

.produtos li:hover { border-color: #C78C19; }

.produtos li:active { border-color: #088C19; }

.produtos li:hover h2 { font-size: 34px; }

.produtos h2 { font-size: 30px; font-weight: bold; }

.produto-descricao { font-size: 18px; }

.produto-preco { font-size: 22px; font-weight: bold; margin-top: 10px }

footer { text-align: center; background: url("bg.jpg"); padding: 40px 0; }

.copyright { color: #FFFFFF; font-size: 13px; margin-top: 20px; }

main {
    width: 940px;
    margin: 0 auto;
}

form {
    margin: 40px 0;
}

form label { display: block; font-style: 20px; margin: 0 0 10px; }

form input {
    display: block;
    margin: 0 0 20px
}
    Bom dia, no seu header os links para as páginas de 
    Produtos e Contatos estão sem o fechamento da tag </a>

    <li><a href="index.html">Home</a></li>
    <li><a href="produtos.html">Produtos</li>
    <li><a href="contato.html">Contatos</li>

THARLES,

Sua tag form precisa do fechamento /form

 <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>

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software