Tamil keyboard

The Html code is


<div dir="ltr" style="text-align: left;" trbidi="on">
<center>

<input id="Phrase" size="80" style="font-size: 16;" type="text" value="" />

<script language="JavaScript" type="text/javascript">

 function AppendCharacter(ChrToAppend)
 {
   document.getElementById("Phrase").value += ChrToAppend;
 }



 </script>

<table><tbody>
<tr>             <td>
<input name="02947" onclick="AppendCharacter('ஃ');" style="font-size: 18;" type="button" value=" ஃ " />
</td>             <td>
<input name="02949" onclick="AppendCharacter('அ');" style="font-size: 18;" type="button" value=" அ " />
</td>             <td>
<input name="02950" onclick="AppendCharacter('ஆ');" style="font-size: 18;" type="button" value=" ஆ " />
</td>             <td>
<input name="02951" onclick="AppendCharacter('இ');" style="font-size: 18;" type="button" value=" இ " />
</td>             <td>
<input name="02952" onclick="AppendCharacter('ஈ');" style="font-size: 18;" type="button" value=" ஈ " />
</td>             <td>
<input name="02953" onclick="AppendCharacter('உ');" style="font-size: 18;" type="button" value=" உ " />
</td>             <td>
<input name="02954" onclick="AppendCharacter('ஊ');" style="font-size: 18;" type="button" value=" ஊ " />
</td>             <td>
<input name="02958" onclick="AppendCharacter('எ');" style="font-size: 18;" type="button" value=" எ " />
</td>             <td>
<input name="02959" onclick="AppendCharacter('ஏ');" style="font-size: 18;" type="button" value=" ஏ " />
</td>             <td>
<input name="02960" onclick="AppendCharacter('ஐ');" style="font-size: 18;" type="button" value=" ஐ " />
</td>             <td>
<input name="02962" onclick="AppendCharacter('ஒ');" style="font-size: 18;" type="button" value=" ஒ " />
</td>         </tr>
</tbody></table>
<table><tbody>
<tr>             <td>
<input name="02963" onclick="AppendCharacter('ஓ');" style="font-size: 18;" type="button" value=" ஓ " />
</td>             <td>
<input name="02964" onclick="AppendCharacter('ஔ');" style="font-size: 18;" type="button" value=" ஔ " />
</td>             <td>
<input name="02965" onclick="AppendCharacter('க');" style="font-size: 18;" type="button" value=" க " />
</td>             <td>
<input name="02969" onclick="AppendCharacter('ங');" style="font-size: 18;" type="button" value=" ங " />
</td>             <td>
<input name="02970" onclick="AppendCharacter('ச');" style="font-size: 18;" type="button" value=" ச " />
</td>             <td>
<input name="02972" onclick="AppendCharacter('ஜ');" style="font-size: 18;" type="button" value=" ஜ " />
</td>             <td>
<input name="02974" onclick="AppendCharacter('ஞ');" style="font-size: 18;" type="button" value=" ஞ " />
</td>             <td>
<input name="02975" onclick="AppendCharacter('ட');" style="font-size: 18;" type="button" value=" ட " />
</td>             <td>
<input name="02979" onclick="AppendCharacter('ண');" style="font-size: 18;" type="button" value=" ண " />
</td>             <td>
<input name="02980" onclick="AppendCharacter('த');" style="font-size: 18;" type="button" value=" த " />
</td>             <td>
<input name="02984" onclick="AppendCharacter('ந');" style="font-size: 18;" type="button" value=" ந " />
</td>             <td>
<input name="02985" onclick="AppendCharacter('ன');" style="font-size: 18;" type="button" value=" ன " />
</td>         </tr>
</tbody></table>
<table><tbody>
<tr>             <td>
<input name="02986" onclick="AppendCharacter('ப');" style="font-size: 18;" type="button" value=" ப " />
</td>             <td>
<input name="02990" onclick="AppendCharacter('ம');" style="font-size: 18;" type="button" value=" ம " />
</td>             <td>
<input name="02991" onclick="AppendCharacter('ய');" style="font-size: 18;" type="button" value=" ய " />
</td>             <td>
<input name="02992" onclick="AppendCharacter('ர');" style="font-size: 18;" type="button" value=" ர " />
</td>             <td>
<input name="02993" onclick="AppendCharacter('ற');" style="font-size: 18;" type="button" value=" ற " />
</td>             <td>
<input name="02994" onclick="AppendCharacter('ல');" style="font-size: 18;" type="button" value=" ல " />
</td>             <td>
<input name="02995" onclick="AppendCharacter('ள');" style="font-size: 18;" type="button" value=" ள " />
</td>             <td>
<input name="02996" onclick="AppendCharacter('ழ');" style="font-size: 18;" type="button" value=" ழ " />
</td>             <td>
<input name="02997" onclick="AppendCharacter('வ');" style="font-size: 18;" type="button" value=" வ " />
</td>             <td>
<input name="02999" onclick="AppendCharacter('ஷ');" style="font-size: 18;" type="button" value=" ஷ " />
</td>             <td>
<input name="03000" onclick="AppendCharacter('ஸ');" style="font-size: 18;" type="button" value=" ஸ " />
</td>             <td>
<input name="03001" onclick="AppendCharacter('ஹ');" style="font-size: 18;" type="button" value=" ஹ " />
</td>         </tr>
</tbody></table>
<table><tbody>
<tr>             <td>
<input name="03006" onclick="AppendCharacter('ா');" style="font-size: 18;" type="button" value=" ா " />
</td>             <td>
<input name="03007" onclick="AppendCharacter('ி');" style="font-size: 18;" type="button" value=" ி " />
</td>             <td>
<input name="03008" onclick="AppendCharacter('ீ');" style="font-size: 18;" type="button" value=" ீ " />
</td>             <td>
<input name="03009" onclick="AppendCharacter('ு');" style="font-size: 18;" type="button" value=" ு " />
</td>             <td>
<input name="03010" onclick="AppendCharacter('ூ');" style="font-size: 18;" type="button" value=" ூ " />
</td>             <td>
<input name="03014" onclick="AppendCharacter('ெ');" style="font-size: 18;" type="button" value=" ெ " />
</td>             <td>
<input name="03015" onclick="AppendCharacter('ே');" style="font-size: 18;" type="button" value=" ே " />
</td>             <td>
<input name="03016" onclick="AppendCharacter('ை');" style="font-size: 18;" type="button" value=" ை " />
</td>             <td>
<input name="03018" onclick="AppendCharacter('ொ');" style="font-size: 18;" type="button" value=" ொ " />
</td>             <td>
<input name="03019" onclick="AppendCharacter('ோ');" style="font-size: 18;" type="button" value=" ோ " />
</td>             <td>
<input name="03020" onclick="AppendCharacter('ௌ');" style="font-size: 18;" type="button" value=" ௌ " />
</td>             <td>
<input name="03021" onclick="AppendCharacter('்');" style="font-size: 18;" type="button" value=" ் " />
</td>         </tr>
</tbody></table>
<table><tbody>
<tr>             <td>
<input name="space" onclick="AppendCharacter(' ');" type="button" value="                     " />
</td>         </tr>
</tbody></table>
</center>

<hr />
</div>

The Out put is

The Html code is

---

The Out put is