Jump to content

Recommended Posts

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

Link to comment
Share on other sites

  • Administradores

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. 

  • Amei 2
Link to comment
Share on other sites

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. 

  • Amei 1
Link to comment
Share on other sites

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:

 

 

form_teste.png

 

 

 

 

 

  • Curtir 1
  • Amei 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×
×
  • Create New...