Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boas pessoal!
Gostaria de saber como posso fazer um teclado virtual numérico em que irá preencher um form.
Por exemplo eu tenho este codigo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Teste teclado virtual</title>
<style type="text/css"> /* Estilos da página */
<!--
* {font: 10pt 'trebuchet ms',Arial, Sans-serif}
td {background-color: #CCC; text-align: center; color: #000}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function Digitar(tecla) {
document.teste.n1.value += tecla
}
{
}
//-->
</script>
</head>
<body>
<form name="teste" action="URL-do-script" method="post">
<table width="225" cellpadding="5" cellspacing="0" summary="form"> <!-- -->
<tr>
<td colspan="2" style="background-color: #999; color: #000000">.:: ::.</td>
</tr>
<tr align="center">
<td>Numero1:</td>
<td><input type="text" name="n1" size="20" /></td>
</tr>
<tr align="center">
<td>Numero2:</td>
<td><input type="text" name="n2" size="20" /></td>
</tr>
<td>Numero3:</td>
<td><input type="text" name="n3" size="20" /></td>
</tr>
<tr align="center">
<td colspan="2" align="center"><input type="submit" value="Ok" /></td>
</tr>
</table>
</form>
<form name="teclas" action="#">
<input type="button" value="1" onclick="Digitar(this.value)" id="2" />
<input type="button" value="2" onclick="Digitar(this.value)" id="3" />
<input type="button" value="3" onclick="Digitar(this.value)" id="4" />
<input type="button" value="4" onclick="Digitar(this.value)" id="5" />
<input type="button" value="5" onclick="Digitar(this.value)" id="6" />
<input type="button" value="6" onclick="Digitar(this.value)" id="7" />
<input type="button" value="7" onclick="Digitar(this.value)" id="8" />
<input type="button" value="8" onclick="Digitar(this.value)" id="9" />
<input type="button" value="9" onclick="Digitar(this.value)" id="10" />
<input type="button" value="0" onclick="Digitar(this.value)" id="11" />
</form>
</body>
</html>um para introduzir os números
outro
com os button de 0 até 9
eu quero que conforme vou clicando nos números me va preenchendo o form teste , em que só posso introduzir um número por imput, e não pode repetir.
no código que forneci já preenche o 1º campo mas não consigo por um de cada vez... :(
Agradecia que me ajudacem!
por favor alguem que me ajude...
Carregando comentários...