Ajuda - Formulário

[Matheus Alves Ferreira de Carvalho]

<div class="box">

            <form action="">

                <fieldset>

                    <legend><b>Cadastrar-se</b></legend>

                    <br><br>

                    <div class="inputBox"></div>

                        <input type="text" name="nome" id="nome" class="inputUser" required>

                        <label for="nome">Nome Completo</label>

                    </div>  

                    <br></br>  

                    <div class="inputBox"></div>

                        <input type="email" name="email" id="email" class="inputUser" required>

                        <label for="email">E-mail</label>

                    </div>

                    <br></br>

                    <div class="inputBox"></div>

                        <input type="tel" name="telefone" id="telefone" class="inputUser" required>

                        <label for="telefone">Telefone</label>

                    </div>

                    <br></br>

                    <p>Sexo:</p>

                    <input type="radio" id="feminino" name="genero" value="feminino" required>

                    <label for="feminino">Feminino</label>

                    <br><br>

                    <input type="radio" id="masculino" name="genero" value="masculino" required>

                    <label for="masculino">Masculino</label>

                    <br><br>

                    <input type="radio" id="outro" name="genero" value="outro" required>

                    <label for="outro">Outros</label>

                    <br></br>

                    <div class="inputBox"></div>

                        <label for="data_nascimento"><b>Data de Nascimento:</b></label>

                        <input type="date" name="data_nascimento" id="data_nascimento" class="data_nascimento" required>

                    </div>

                    <br></br>

                    <div class="inputBox">

                        <input type="text" name="cidade" id="cidade" class="inputUser" required>

                        <label for="cidade">Cidade</label>

                    </div>

                    <br></br>

                    <div class="inputBox"></div>

                        <input type="text" name="estado" id="estado" class="inputUser" required>

                        <label for="estado">Estado</label>

                    </div>

 

                    <br></br>

 

                    <div class="inputBox"></div>

                        <input type="text" name="endereco" id="endereco" class="inputUser" required>

                        <label for="endereco" class="labelInput">Endereço</label>

                    </div>

 

OBS: Não sei onde esta o erro já revisei umas 20 vezes e já arrumei muita coisa que estava errado. Portanto o problema que estou sofrendo é que,

as informações não estão ficando dentro da box, fica tudo fora dela. Dentro disso não sei se não fechei alguma div ou escrevi algo errado. 

[Karina Harumi]

Oi @Matheus Alves Ferreira de Carvalho!

a minha sugestão, como você quer colocar as informações dentro da box, é usar o atributo placeholder

Por exemplo:

<input type="text" name="nome" placeholder="digite seu Nome aqui">
<input type="e-mail" name="email" placeholder="Digite seu e-mail">

dá uma olhada nesse link do W3Schools. 

[Matheus Alves Ferreira de Carvalho]

31 minutos atrás, Karina Harumi disse:

Oi @Matheus Alves Ferreira de Carvalho!

a minha sugestão, como você quer colocar as informações dentro da box, é usar o atributo placeholder

Por exemplo:

<input type="text" name="nome" placeholder="digite seu Nome aqui">
<input type="e-mail" name="email" placeholder="Digite seu e-mail">

dá uma olhada nesse link do W3Schools. 

Muitoooo Obrigado, me ajudou muito. 

[Karina Harumi]

Ahh que bom 😄 fico feliz por saber!

[seredfogo]

Buenas tardes, mestre... 

Não ficou muito clara a sua dúvida, mas eu acredito que seja isso que você precisa:

  

[INÍCIO DO CÓDIGO...]

 <div class="box" style="width: 510px;" >

        <form action="">

            <fieldset>

                <legend><b>CADASTRAR-SE</b></legend>

                <br><br>

                <div class="inputBox">
                    <label for="nome"><b>Nome completo:</b></label> &nbsp; &nbsp;
                    <input type="text" name="nome" id="nome" size="44" class="inputUser" required />
                </div> 

                <br>

                <div class="inputBox">
                    <label for="email"><b>E-mail:</b></label> &nbsp; &nbsp; &nbsp;
                    <input type="email" name="email" id="email" size="51" class="inputUser" required />
                </div>

                <br>

                <div class="inputBox">
                    <label for="telefone"><b>Telefone:</b></label> &nbsp; &nbsp;
                    <input type="tel" name="telefone" id="telefone" size="35" class="inputUser" required />
                </div>

                <br>

                <div class="inputBox">
                
                    <label for="sexo"><b>Sexo:</b></label>
                    <br>
                    
                    <div style="margin-left: 25px;">
                    
                        <label for="feminino">Feminino</label> &nbsp; &nbsp; &nbsp;
                        <input type="radio" id="feminino" name="genero" value="feminino" required />
                        <br>

                        <label for="masculino">Masculino</label> &nbsp; &nbsp;
                        <input type="radio" id="masculino" name="genero" value="masculino" required />
                        <br>
                    
                        <label for="outro">Outros</label> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        <input type="radio" id="outro" name="genero" value="outro" required />
                    
                    </div>
                    
                </div>
                
                <br>
                

                <div class="inputBox">
                    <label for="data_nascimento"><b>Data de Nascimento:</b></label> &nbsp; &nbsp;
                    <input type="date" name="data_nascimento" id="data_nascimento" class="data_nascimento" required />
                </div>

                <br>
                

                <div class="inputBox">
                    <label for="cidade"><b>Cidade:</b></label> &nbsp; &nbsp; &nbsp; &nbsp;
                    <input type="text" name="cidade" id="cidade" size="35" class="inputUser" required />
                </div>

                <br>
                

                <div class="inputBox">
                    <label for="estado"><b>Estado:</b></label> &nbsp; &nbsp; &nbsp; &nbsp;
                    <input type="text" name="estado" id="estado" size="35" class="inputUser" required />
                </div>

                <br>
                

                <div class="inputBox">
                    <label for="endereco" class="labelInput"><b>Endereço:</b></label> &nbsp; &nbsp;
                    <input type="text" name="endereco" id="endereco" size="35" class="inputUser" required />
                </div>
                
            </fieldset>
            
        </form>
        
    </div>  

 

 

[FINAL DO CÓDIGO...]

----------------------------------------------------------

 

Dessa forma o formulário ficaria assim:

 

 

 

 

 

 

 

[Matheus Alves Ferreira de Carvalho]

No fim, ficou assim