Ir para conteúdo

POWERED BY:

Arquivado

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

weslleysolo

Problema com formulários grandes

Por , em Desenvolvimento frontend

Recommended Posts

weslleysolo    0

weslleysolo
Postado

bem, formulario nos padroes Web esta me dando dor de cabeça...quando é apenas um formulario pequeno, sem problemas...agora quando é um questionario grande, ixi!!!

 

Entao queria saber qual seria a melhor forma de construi-los, vejam este site q estou terminando

 

http://www.calculeseuseguro.com/site2/seguroauto.php

 

Nao estao muito bom...

 

http://www.calculeseuseguro.com/site2/segurosaude.php

 

Aqui ficou bom...

 

Agradeço a atençao pelas dicas....

PAZ.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

A melhor forma de construção de formulário é utilizando as tags do conjunto de tags para forms:

 

- label;

- legend;

- fieldset;

- inputs;

- textareas;

- checkboxes;

- radion buttons;

 

Caso necessário alguns spans para organizar alguns elementos "rebeldes".

Compartilhar este post

Link para o post
Compartilhar em outros sites

weslleysolo    0

weslleysolo
Postado

Paulo de Tarso

 

Sim, a codificacao ainda vou acertar :) - a questao é que se o form e muito grande, seria nescessário, ou não (questao de gosto, axo!), colocar os textarea dois por linha....no meu caso fiz duas divs com float para consiguir issu, mas nao ficou 100% pq se você abrir o IE, vai ver uma pequena diferença de posição.

 

Hunter_

 

entao...dois recursos ae eu nao usei, mas como estou seguindo a risca a elaboração de sites nos padroes, nao sei se issu teria problema...

 

De novo agradeço as dicas,

PAZ.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

(...)mas nao ficou 100% pq se você abrir o IE, vai ver uma pequena diferença de posição.

Tem como dizer exatamente a localização do "erro"? Pq eu abri agora aki no IE6 e percebi q os itens do lado direito do Dados do seguro atual é que fogem um pouco aos elementos do lado esquerdo...

 

Bom, para evitar que você tenha que colocar cada input em uma div, você pode fazer o seguinte:

 

1º - Especifique uma div com o tamanho correto da área a ser ocupada (por exemplo, imaginando que a área tenha uma largura de 500px...

<div style="width: 500px">
Aí, dentro dessa div, você coloca 2 inputs, onde o da esquerda você tenha um float: left, e o da direita, float:right...

 

Eu fiz um teste aki, salve esse código pra você ver como ficaria...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Seguro</title></head><body><div style="width: 500px; background-color: #ccc; clear: both; margin-bottom: 5px">	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div><div style="width: 500px; background-color: #fc0; clear: both; margin-bottom: 5px">	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div><div style="width: 500px; background-color: #ffc; clear: both; margin-bottom: 5px">	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div></body></html>
Dá uma analisada aki... Veja se isso te ajuda... Qq coisa, volte a postar! Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

weslleysolo    0

weslleysolo
Postado

percebi q os itens do lado direito do Dados do seguro atual é que fogem um pouco aos elementos do lado esquerdo... esse´é o erro..

 

Rapaz você me ajudou muito, tao simples e eu quebrando a cabeça...olha como ficou:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Seguro</title></head><body><div style="width: 500px; background-color: #ccc; clear: both; margin-bottom: 5px">	 Nome<span style="position:absolute;margin-left:304px;">Sobrenome</span>	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div><div style="width: 500px; background-color: #fc0; clear: both; margin-bottom: 5px">Idade<span style="position:absolute;margin-left:306px;">Sexo</span>	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div><div style="width: 500px; background-color: #ffc; clear: both; margin-bottom: 5px">Telefone<span style="position:absolute;margin-left:290px;">Email</span>	<input type="text" name="profissao1" id="profissao1" size="25" style="float: left; width: 150px" />	<input type="text" name="profissao2" id="profissao2" size="25" style="float: right; width: 150px" /></div></body></html>
Mas falta as tags legend, fildeset, etc...se caso nao coloque uma dessas tags, posso comprometer no layout???

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Desculpa me intrometer, mas ai vai http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Se é formulário, substitua as divs e coloque fieldset's. Trabalhe com eles, e vá colocando dentro os label's, input's da vida.

Pesquise no fórum que existem vários exemplos.

 

[]'s

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