Jump to content

Ajuda - Formulário


Postagens Recomendadas

<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
Compartilhe em outros 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
Compartilhe em outros 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
Compartilhe em outros 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
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora


×
×
  • Create New...