Ir para conteúdo

POWERED BY:

Arquivado

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

Joao Marcos_173092

formulario de contato

Por , em Desenvolvimento frontend

Recommended Posts

Joao Marcos_173092    0

Joao Marcos_173092
Postado

ola pessoal, agradeço muito a ajuda de voces desde ja!

 

estou fazendo um formulario de contato, peguei a fonte na internet..

más estou com problemas na estilização do css...

ou seja, quando coloco um texto muito grande na label, o formulario fica embaraçado.

por favor pessoal, me ajudem.

 

a ultima parte: o principal condutor é o segurado? abaixo vem outra pergunta. é nessa parte que estou com problemas.

oque faço? ja tentei tudo aqui.. muito obrigado desde ja.

 

 

ola pessoal, agradeço muito a ajuda de voces desde ja!
 
estou fazendo um formulario de contato, peguei a fonte na internet..
más estou com problemas na estilização do css...
ou seja, quando coloco um texto muito grande na label, o formulario fica embaraçado.
por favor pessoal, me ajudem.
 
a ultima parte: o principal condutor é o segurado? abaixo vem outra pergunta. é nessa parte que estou com problemas.
oque faço? ja tentei tudo aqui.. muito obrigado desde ja.
 

<style type="text/css">
 
#contactform {
 
    width: 500px;
overflow:auto;
   
    
 
   
 
    }
 
 
label {
    font-family: Arial, Verdana;
    text-shadow: 2px 2px 2px #ccc;
    display: block;
    float: left; margin-right:15px;
    font-weight: bold;
    margin-right:10px;
    text-align:left;
    width: 120px;
    line-height: 25px;
    font-size: 13px;
overflow:auto;
    }
 
.radio{
   
    padding: 5px;
height:20px;
 
    }
 
.listbox{
padding:5px;
height:30px;
Width: 300px;
}
 
.input{
    font-family: Arial, Verdana;
    font-size: 15px;
    padding: 5px;
    border: 1px solid #b9bdc1;
    width: 300px;
    color: #797979;
    }
 
.hint{
    display:none;
    }
 
.field:hover .hint {
    position: absolute;
    display: block;
    margin: -30px 0 0 455px;
    color: #FFFFFF;
    padding: 7px 10px;
    background: rgba(0, 0, 0, 0.6);
 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }
 
.button{
    float: right; margin-left:15px;
    margin:10px 55px 10px 0;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px;
    cursor:pointer;
    color: #fff;
 
    text-align: center;
    text-shadow: 0 -1px 1px #64799e;
 
    /* Background gradient */
    background: #a5b8da;
    background: -moz-linear-gradient
       (top, #a5b8da 0%, #7089b3 100%);
    background: -webkit-gradient
       (linear, 0% 0%, 0% 100%,
       from(#a5b8da), to(#7089b3));
 
    /* Border style */
    border: 1px solid #5c6f91;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Box shadow */
    -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
    -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
    box-shadow: inset 0 1px 0 0 #aec3e5;
 
    }
 
 
</style>
</head>
 
<body>
 
<form id="contactform" class="rounded" method="post" action="">
<!-- PRIMEIRO CAMPO -->
 
<h2>Dados Importantes</h2>
<hr />
<div class="field">
    <label for="name">Inicio Vigência</label>
    <input type="text" class="input" name="iniciovigencia" id="iniciovigencia" />
    <p class="hint">Enter your name.</p>
</div>
 
<div class="field">
    <label for="name">Fim Vigência</label>
    <input type="text" class="input" name="fimvigencia" id="fimvigencia" />
    <p class="hint">Enter your name.</p>
</div>
 
<!-- SEGUNDO CAMPO -->
<h2>Seus dados</h2>
<hr /> 
<div class="field">
    <label for="name">Nome Completo</label>
    <input type="text" class="input" name="nomecompleto" id="nomecompleto" />
    <p class="hint">Enter your name.</p>
</div>
 
<div class="field">
    <label for="email">Data Nascimento</label>
    <input type="text" class="input" name="datadenascimento" id="datadenascimento" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="message">Tipo Pessoal</label>
    <input type="radio" class="radio"  name="opc-tel" value="fisica" id="fisica"> Fisica</a>
<input type="radio" class="radio"  name="opc-tel" value="juridica" id="juridica"> Juridica</a>
</div>
 
<div class="field">
    <label for="cpfcnpj">CPF/CNPJ</label>
    <input type="text" class="input" name="cpfcnpj" id="cpfcnpj" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="estado">Estado</label>
    <input type="text" class="input" name="estado" id="estado" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Cidade</label>
    <input type="text" class="input" name="cidade" id="cidade" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Rua</label>
    <input type="text" class="input" name="rua" id="rua" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">CEP</label>
    <input type="text" class="input" name="cep" id="cep" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Bairro</label>
    <input type="text" class="input" name="bairro" id="bairro" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Complemento</label>
    <input type="text" class="input" name="complemento" id="complemento" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Numero</label>
    <input type="text" class="input" name="numero" id="numero" />
    <p class="hint">Enter your email.</p>
</div>
 
<div class="field">
    <label for="cidade">Estado Civil</label>
    <select class="listbox" name="" size="1">
      <option value="Solteiro">solteiro</option>
      <option value="casado">Casado ou vive em uma união estavel</option>
      <option value="viuvo">Viuvo</option>
      <option value="divorciado">Divorciado</option>
      <option value="separado">Separado</option>
    </select>
    <p class="hint">Enter your email.</p>
</div>
 
 <!-- TERCEIRO CAMPO -->
 <h2>Informações Importantes</h2>
 <hr />
 
 <div class="field">
    <label for="message">O Principal condutor é o propio segurado?</label>
    <input type="radio" class="radio"  name="opc-tel" value="fisica" id="fisica"> Fisica</a>
<input type="radio" class="radio"  name="opc-tel" value="juridica" id="juridica"> Juridica</a>
</div>
 
<div class="field">
    <label for="cidade">Complemento</label>
    <input type="text" class="input" name="complemento" id="complemento" />
    <p class="hint">Enter your email.</p>
</div>
 
<input type="submit" name="Submit"  class="button" value="Submit" />
</form>

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