Boa tarde pessoal, estou nessa aula, o meu HTML é igual a do professor, mas não aparece as caixinhas de onde escrever nomes, e-mail, etc.
Estou usando mac com navegador google chrome.
Alguém consegue me ajudar por favor?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa tarde pessoal, estou nessa aula, o meu HTML é igual a do professor, mas não aparece as caixinhas de onde escrever nomes, e-mail, etc.
Estou usando mac com navegador google chrome.
Alguém consegue me ajudar por favor?
Compartilha seu codigo
Olá Daniel.
Pra analisar melhor é preciso postar seu código.
Mas adiantando, veja se todos os input estão com type ou se eles tem alguma propriedade css ocultando como display: none.
Além desses, pode ser um erro de escrita, alguma " que não foi fechada.
Veja a referência desta tag no site: https://www.w3schools.com/tags/tag_input.asp
Abraço.
Eae Daniel.
Seria interessante adicionar seu código aqui. No entanto tenho algumas suposições.
O seu código pode está correto, porém como o seu input não tem uma estilo, uma borda. vc não consegue ver. Adiciona um placeholder ou uma label para identificar.
Ex.:
Fala pessoal, tudo bem?
Quando eu fiz outras coisas apareceu, fiquei me perguntando se faltou salvar, mas eu lembro que eu salvei 3 vezes apertando o command+ S. Só que quando eu fui fazer outros comandos ele apareceu da forma correta!
Muito obrigado a todos que ajudaram.
Segue código:
<title> Contato</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="caixa">
<h1><img src="logoalura.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" 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 nosso contato?</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="contato" value="email id="radio-telefone"> Telefone </label>
<label for="radio-whatsapp"><input type="radio" name="contato" value="email id="radio-whatsapp">
WhatsApp </label>
<input type="submit" value="Enviar">
</div>
<label class="checkbox"> <input type="checkbox"> Gostaria de receber nossas novidades por e-mail?</label>
</form>
</main>
<footer>
<img src="logo-branco.png">
<p class="copyright">© Copyright Barbearia Alura - 2019
</footer>
</body>
Olá Daniel.
No seu código nos input radio faltou fechar a " do value nos três:
<label for="radio-email"><input type="radio" name="contato" value="email id="radio-email"> Email </label>Deveria ser assim:
<label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email"> Email </label>No value de cada um você deve definir valores diferentes, pois está email para os três e assim não está fazendo diferença qualquer opção que o usuário escolher. Apenas o name deve ser igual no conjunto, o value e id devem ser diferentes.
Abraço.