Ir para conteúdo
Fórum Script Brasil
  • 0

alinhar campos


kildare

Pergunta

Pessoal,

tenho o código abaixo, e gostaria de saber como faço para deixar os campos lado a lado e do mesmo tamanho.

<fieldset>
<legend>cad</legend>

<label>Nome:</label>
  <input type="text" id="nome" name="nome">
<label>Email:</label>
  <input type="email" id="email" name="email">
<label>Data:</label>
  <input type="date" id="data" name="data">
<label>Cod. Promoção:</label>
  <input type="text" id="promo" name="promo" ">
  <input type="submit" value="Enviar" /> 
</fieldset>

Agradeço a todos.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Caro amigo,

Segue o código completo.

<fieldset>
<legend>cad</legend>

<label>Nome:</label>
  <input type="text" id="nome" name="nome">
<label>Email:</label>
  <input type="email" id="email" name="email">
<label>Data:</label>
  <input type="date" id="data" name="data">
<label>Cod. Promoção:</label>
  <input type="text" id="promo" name="promo" ">
  <input type="submit" value="Enviar" /> 
</fieldset>

<style>

:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}

:required {
  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}

form {
  width:500px;
  margin: 20px auto;
}

select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:15px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;
  -webkit-border-radius:5px;
  /*border-color: #e88;*/
   
}

input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:15px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

input[type=submit] {
  background:none;
  padding:10px;
}
</style>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...