Teclado virtual com imagem no lugar das teclas

[NikkiG]

Boa noite!

Gostaria de saber se tem como usa uma imagem no lugar de uma tecla em um teclado virtual.

Já tentei de várias maneiras diferentes e não funcionou.

Ao invéz de colocar um "form" com um "input type:button", eu coloquei "input type:image", mas dá erro. A imagem quando clicada, não imprime a letra correspondente e ainda apaga as outras já digitadas.

Código:

<form name=form>
<input type=text name=frase><br>

<input type=button value='a' onClick="a(this.value)">
<input type=button value='b' onclick="a(this.value)">
<input type=button value='c' onclick="a(this.value)">
</form>

<script>
function a(letra){
document.form.frase.value+=letra; // Retire o sinal (+) e veja a diferença
}
</script>

Já tentei php e nada.

estou endoidando já, kkkkk

Se alguém puder me dar uma luz, ficarei grato!

Obrigado!

Detalhe: este código eu peguei em um site da net, incusive tentei outros códigos mais complexos, e dá o mesmo erro.

[NikkiG]

Acredito que quando a imagem é clicada, a página é recarregada, e por isso retorna com a caixa de texto em branco.

Existe alguma maneira de manter o valor digitado quando a página é recarregada?

Com "button" dá certo, mas com "image" dá esse erro.

[ESerra]

type image é a mesma coisa que um submit... o que você pode fazer é colocar um return false no onsubmit para ele não disparar o formulário.

Movendo PHP » JS.

[NikkiG]

type image é a mesma coisa que um submit... o que você pode fazer é colocar um return false no onsubmit para ele não disparar o formulário.

Movendo PHP » JS.

Não deu certo. Tentei usar de várias formas.

Poderia inserí-lo no código e retornar o código corrigido aqui?

Obrigado!