bueno.... jejej
seria algo asi lo que ocupas.... NOTA: FALTA ATACAR EL BACKSPACE, YA QUE NO TENGO NI IDEA COMO HACER ESO.....
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>titulo en pantalla</title>
<style>
input{width:50px; height:50px; text-align:center; font-size:24px;}
</style>
</head>
<body>
<form method="post" action="teclado_pantalla.asp">
<textarea id="ta" name="textarea" cols="60" rows="10"></textarea>
<input type="button" id="1" value="1" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="2" value="2" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="3" value="3" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="4" value="4" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="5" value="5" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="6" value="6" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="7" value="7" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="8" value="8" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="9" value="9" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="10" value="0" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="11" value="A" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="12" value="B" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="13" value="C" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="14" value="D" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="15" value="E" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="16" value="F" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="17" value="G" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="18" value="H" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="19" value="I" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="20" value="J" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="21" value="K" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="22" value="L" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="23" value="M" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="24" value="N" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="25" value="Ñ" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="26" value="O" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="27" value="P" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="28" value="Q" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="29" value="R" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="30" value="S" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="31" value="T" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="32" value="U" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="33" value="V" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="34" value="W" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="35" value="X" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="36" value="Y" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="37" value="Z" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="38" value="-" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="39" value="+" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="40" value="/" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="41" value="*" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="42" value="," onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="43" value="." onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="button" id="44" value="Espacio" onclick="javascript: document.getElementById('ta').value+=' ';" />
<input type="button" id="45" value="Borrar" onclick="javascript: document.getElementById('ta').value+=this.value;" />
<input type="submit" id="46" value="ENTER" />
</form>
</body>
</html>
, lo que no es tener nada que hacer.... ahi les dejo compañeros, a destrozarlo
suerte
