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

Ajuda Com Formulário


Rafael_tst

Pergunta

Olá a todos tenho duas dúvidas com formulários:

Uma é como eu faço para colocar um radio Button, que seleciona pra onde vai os dados tipo no site do submarino quando você vai se cadastrar você tem lá um campo pra por o seu e-mail e um radio dizendo se você é o não é cadastrado, se marcar como sim você vai pra página de login, se marcar como não você vai para a página de cadastro? entenderam, é só dar uma olhada lá que já vai dar pra entender direito.

a Segunda é o seguinte, eu vi um site um formulário que o fundo dos campos é branco, porém quando você clica nele pra preencher o campo o fundo muda de cor, ai quando você passa pra outro campo ele volta a ser branco denovo, alguém sabe o que pode ser isso? é CSS?

Desde já agradeço.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

a Segunda é o seguinte, eu vi um site um formulário que o fundo dos campos é branco, porém quando você clica nele pra preencher o campo o fundo muda de cor, ai quando você passa pra outro campo ele volta a ser branco denovo, alguém sabe o que pode ser isso? é CSS?

<style>
.normal {background-color: #ffffff;} 
.form {background-color: #ffffff;}
.selecionado {background-color: #E8E8E8;} 
</style>

<input type="text" name="texto" onBlur="this.className='normal';"  onFocus="this.className='selecionado';" class="form">

Uma é como eu faço para colocar um radio Button, que seleciona pra onde vai os dados tipo no site do submarino quando você vai se cadastrar você tem lá um campo pra por o seu e-mail e um radio dizendo se você é o não é cadastrado, se marcar como sim você vai pra página de login, se marcar como não você vai para a página de cadastro? entenderam, é só dar uma olhada lá que já vai dar pra entender direito.

Eu prefiro utilizar linguagem dinamica

Link para o comentário
Compartilhar em outros sites

  • 0

MUITO OBRIGADO!!!

MAs como devo usar a linguagem dinamica?

OUTRO PROBLEMA SÉRIO:

Eu peguei aki no fórum um script de colocar mascára em campos de formulários, até ai normal

testei no explorer e ficou beleza, porém no Firefox, além de não funcionar ele bloqueia o campo, tipo você não consegue digitar nada no campo usando o firefox, o que pode ser? alguém já enfrentou esse problema?

Segue o código:

<html>

<head>

<title> Textbox formatado... </title>

<script language="JavaScript">

function txtBoxFormat(objForm, strField, sMask, evtKeyPress) {

var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;

if(document.all) { // Internet Explorer

nTecla = evtKeyPress.keyCode; }

else if(document.layers) { // Nestcape

nTecla = evtKeyPress.which;

}

sValue = objForm[strField].value;

// Limpa todos os caracteres de formatação que

// já estiverem no campo.

sValue = sValue.toString().replace( "-", "" );

sValue = sValue.toString().replace( "-", "" );

sValue = sValue.toString().replace( ".", "" );

sValue = sValue.toString().replace( ".", "" );

sValue = sValue.toString().replace( "/", "" );

sValue = sValue.toString().replace( "/", "" );

sValue = sValue.toString().replace( "(", "" );

sValue = sValue.toString().replace( "(", "" );

sValue = sValue.toString().replace( ")", "" );

sValue = sValue.toString().replace( ")", "" );

sValue = sValue.toString().replace( " ", "" );

sValue = sValue.toString().replace( " ", "" );

fldLen = sValue.length;

mskLen = sMask.length;

i = 0;

nCount = 0;

sCod = "";

mskLen = fldLen;

while (i <= mskLen) {

bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/"))

bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))

if (bolMask) {

sCod += sMask.charAt(i);

mskLen++; }

else {

sCod += sValue.charAt(nCount);

nCount++;

}

i++;

}

objForm[strField].value = sCod;

if (nTecla != 8) { // backspace

if (sMask.charAt(i-1) == "9") { // apenas números...

return ((nTecla > 47) && (nTecla < 58)); } // números de 0 a 9

else { // qualquer caracter...

return true;

} }

else {

return true;

}

}

</script>

</head>

<body>

<form name="myForm">

<table border="0" cellspacing="2" cellpadding="2">

<tr>

<td>cep  </td>

<td>

<input type="text"

name="str_cep"

maxlength="09"

size="10"

onkeypress="return txtBoxFormat(document.myForm, 'str_cep', '99999-999', event);">

</td>

</tr>

<tr>

<td>cpf  </td>

<td>

<input type="text"

name="str_cpf"

maxlength="14"

size="20"

onkeypress="return txtBoxFormat(document.myForm, 'str_cpf', '999.999.999-99', event);">

</td>

</tr>

<tr>

<td>tel  </td>

<td>

<input type="text"

name="str_tel"

maxlength="14"

size="20"

onkeypress="return txtBoxFormat(document.myForm, 'str_tel', '(99) 9999-9999', event);">

</td>

</tr>

<tr>

<td>conta  </td>

<td>

<input type="text"

name="str_cc"

maxlength="6"

size="10"

onkeypress="return txtBoxFormat(document.myForm, 'str_cc', '9999-!', event);">

</td>

</tr>

</table>

</form>

</body>

</html>

Se alguém puder me ajudar!

Até mais.

Link para o comentário
Compartilhar em outros sites

  • 0

<input type="text" name="texto" onBlur="this.className='normal';"  onFocus="this.className='selecionado';" class="form">
Bem, eu prefiro utilizar a propriedade :focus (só funciona no Firefox. E é diferente de active!), assim:
.normal {background-color: #ffffff;}
.normal:focus {background-color: #E8E8E8;}
.form {background-color: #ffffff;} 

<input type="text" name="texto" class="normal">

aí quando clicar no 'campo', já ficará com a cor de fundo #E8E8E8... por causa do focus..

Entenderam? xD

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,4k
×
×
  • Criar Novo...