formulario com muitas coisas

Reid · 12 de fevereiro de 2006

oi galera beleza? to precisando cria um formulario e tem q ser assim:

1º - ele tem q ser menor (na autura) porque aquele padrão é grande eu preciso de um menor.

2º - preciso mudar as cores dele e a da borda

3º - e tipo assim o cara ta escrevendo a data ai ele coloca 00 ai a barra aparece sozinha, ai ele digita so numeros e as barraas mudam sozinhas, o mesmo vou precisar para CEP e etc.

4º - queria também q não tivesse jeito do cara colocar numeros no campo "Nome" por exemplo ou colocar letras no campo "CEP".

5º - queria também campos obrigatorios.

6º - e queria saber como eu coloco um botao de enviar mais bonitinho.

bom é disso q eu preciso com muita urgencia, se alguem puder me ajudar, muito grato.

Diego Bittencourt · 12 de fevereiro de 2006

Sei responder a 1ª, 2ª e 6ª.

1º - ele tem q ser menor (na autura) porque aquele padrão é grande eu preciso de um menor.

Você pode fazer isso com CSS, definindo a width e height. Você pode fazer criando uma pseudo-classe. (Com folhas de estilos interna ou externa )

2º - preciso mudar as cores dele e a da borda

Eu já coloquei no códiog

6º - e queria saber como eu coloco um botao de enviar mais bonitinho.

Também se faz com Cascading Style Sheets (CSS)!

ex: (simples)


<html>
<head>
<style type="text/css">
.formulario {
width: 150px; /* Defina o valor */
height: 20px; /* Defina o valor */
border: 1px solid #000; /* espessura, tipo de borda e cor */
background-color: #EEE; /* cor do fundo do form */
font-size: 10px; /* Tämanho da fonte */
}

.botao {
background-color: #EEE; /* Você pode mudar as cores, não se esqueça =P */
border: 1px solid #FF6600;
font-size: 10px;
width: 80px; /* largura */
height: 20px; /* altura */
}
</style>
<title>Exemplo</title>
</head>
<body>
Para exemplo, eu utilizei uma caixa de texto comum, só para ver se é isso mesmo que você queria xD 


<input type="text" class="formulario" value="texto aqui" />
<input type="submit" class="botao" value="enviar" />
</body>
</html>

Bem, infelizmente não poderei responder as outras! Pois com isso se usa linguagens dinâmicas, e eu estou aprendendo ainda isto =\

Reid · 12 de fevereiro de 2006

VLWWWW cara ajudou muito mesmo, agora sera q alguem saberia responder as outrras???

Alys · 13 de fevereiro de 2006

Todas as outras dá pra fazer com javascript. Fuçando na internet você acha exemplos, mas aqui vai um de data (tosco, mas funciona):

...
function maskData(campo){
    var valor = campo.value;
    var tamanho = valor.length;
     
    /*Insere a barra*/
    if (tamanho == 2 || tamanho == 5){
        campo.value += '/';
    }
}
...
<input type="text" onkeyup="maskData(this)" maxlength="10" />

Ou você também pode usar dhtml (que acho mais legal), definindo comportamentos:

Mask Behavior. Dá uma pesquisada maior sobre o assunto, qualquer dúvida posta aí.

Boa sorte