Ir para conteúdo

Arquivado

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

junaooaks

organizar formulario

Recommended Posts

blz galera.

galera como faço para organizar um form sem ficar criando tabela e linha e colunas

 

fiz um form simples, nao consigo organizar para ficar alinhado usando o bootstrap

<form action="" method="POST" name="formulario" class="form-horizontal" id="formulario">
   <div class='form-group'>
           <label><span>Nome:</span>
           <input type="text" name="nome" required="required" class="input-xlarge" size="60" value="">
           </label>
   </div>
   <div class='form-group'>
           <label><span>Email: </span>
           <input type="text" name="email" class="" size="60" value="">
           </label>
   </div>
  <div class='form-group'>
           <label><span>Cpf/Cnpj: </span>
           <input type="text" name="cpfCnpj" required="required" class="" size="20" value="">
           </label>
           <label><span>Identidade: </span>
           <input type="text" name="rg" class="" size="20" value="">
           </label>
           <label><span>Insc Estadual: </span>
           <input type="text" name="ie" class="" size="20" value="">
           </label>
   </div>
  </div>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá junaooaks, blza!

 

Veja se gosta assim.

 

http://jsfiddle.net/wilnet/hqde9wob/

 

É um exemplo simples, depois é só estilizar a seu gosto.

 

 

Espero ter ajudado,

 

vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

CARA AJUDOU muito

 

como faço para centralizar os campos inputs do label para ficar tudo alinhado?

Compartilhar este post


Link para o post
Compartilhar em outros sites

quase preciso colocar um espaçamento entre o label e o input

 

assim o label que tiver maior nao desalinhe o input

 

tipo:

nome:<input>cpf<input>

Inscrições: <input>numero:<input>

 

teria que ficar assim

 

nome:<input> cpf:<input>

Inscrições: <input> numero:<input>

 

os campos da segunda coluna nao obedece o width:130px; do #formulario label

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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