Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luis_Carlos

Alinhamento de campos de formulario

Por , em Desenvolvimento frontend

Recommended Posts

Luis_Carlos    1

Luis_Carlos
Postado

Ola pessoal, como faço para alinhar esses campos de formulario?

Deveria ficar como na imagem circulada em vermelho,Nome e em baixo a opção de atendimento,mas como podem ver, os outros nomes ficaram ao lado do primeiro select e assim sucessivamente...

 

alinhamento%2Bde%2Bcampos.jpg

Segue código:

<html>    
<head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style="margin-top: 30px;" class="container">
       <form name="form1" method="post" action="lista_banco.php" > 
           <!--formulario 1-->
             Nome:
<input type="text" name="nome"> <br>


     Tipo de atendimento: 
<select  name="prioridades">
<option value="gerencia_geral">Gerencia Geral</option>
<option value="caixa">Caixa Atendimento Prioritário</option>
<option value="caixa_saque">Caixa Saque</option>
<option value="gerencia">Gerencia Atendimento Prioritário</option> <br>
<!--formulario 2-->
 
 Nome:
 <input type="text" name="nome"> <br> 


     Tipo de atendimento: 
<select  name="prioridades">
<option value="gerencia_geral">Gerencia Geral</option>
<option value="caixa">Caixa Atendimento Prioritário</option>
<option value="caixa_saque">Caixa Saque</option>
<option value="gerencia">Gerencia Atendimento Prioritário</option>  <br>
<!--formulario 3-->
  Nome:
<input type="text" name="nome">
<br>

     Tipo de atendimento: 
<select  name="prioridades">
<option value="gerencia_geral">Gerencia Geral</option>
<option value="caixa">Caixa Atendimento Prioritário</option>
<option value="caixa_saque">Caixa Saque</option>
<option value="gerencia">Gerencia Atendimento Prioritário</option> <br>
<!--formulario 4-->
   Nome:
<input type="text" name="nome">
<br>

     Tipo de atendimento: 
<select  name="prioridades">
<option value="gerencia_geral">Gerencia Geral</option>
<option value="caixa">Caixa Atendimento Prioritário</option>
<option value="caixa_saque">Caixa Saque</option>
<option value="gerencia">Gerencia Atendimento Prioritário</option> <br>

     <br> <input type="submit" value="Enviar"> </br>   
    </body>
    </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gedmilson    5

gedmilson
Postado

Tente fazer assim e vá consertando do jeito que achar mais apropriado.

 

<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="margin-top: 30px;" class="container">
<form name="form1" method="post" action="lista_banco.php" >
<!--formulario 1-->
<ul style="background: #000; width: 500px;">
<ul style="width: 400px; background: #ccc;">
<label>Nome:</label><input type="text" name="nome"> <br>
</ul>
<div id="atendimento" style="margin-top: 10px; background: #ddd; width: 400px;">
Tipo de atendimento:
<select style="background: #ccc;" name="prioridades">
<option value="gerencia_geral">Gerencia Geral</option>
<option value="caixa">Caixa Atendimento Prioritário</option>
<option value="caixa_saque">Caixa Saque</option>
<option value="gerencia">Gerencia Atendimento Prioritário</option>
</select>
</div><!--formulario 2-->
</ul>
<br> <input type="submit" value="Enviar"> </br>
</body>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito